bootstrap-table使用搜索和排序属性应该注意的问题

最新推荐文章于 2024-01-09 20:25:27 发布

张凡的博客

最新推荐文章于 2024-01-09 20:25:27 发布

阅读量962

点赞数

本文链接：https://blog.csdn.net/weixin_38761920/article/details/106773564

版权

本文详细介绍了在使用Bootstrap-Table时，关于搜索和排序属性的一些关键注意事项，包括不能设置sidePagination为'server'，responseHandler只需直接返回响应数据，避免对响应数据进行特定处理，初始化表格的正确设置方法，以及columns配置的要点。同时提供了作者实际应用中的初始化表格代码示例，供读者参考。

摘要由CSDN通过智能技术生成

使用bootstrap-table的搜索和排序属性应注意的问题

1.不能设置sidePagination: “server”

2.1事件responseHandler: function(res) {}直接return 响应的数据即可

responseHandler: function(res) {
			return res.data;
}

2.2不能对响应的数据做以下的处理

responseHandler: function(res) {
		return {
				"total":res.data.length,//总页数
				"rows": res.data //数据
			} 
		}

3.初始化表格的过程中设置

			sortable: true,                //是否启用排序
            sortOrder: "desc",          //排序方式
            sortName: "",
            search: true,                  //是否显示表格搜索，此搜索是客户端搜索
            searchText: '',                   
            strictSearch: false,         //是严格搜索还是模糊搜索

4.表格columns的设置

			sortable: true,       //是否显示排序小三角的按钮
            searchable:true,  //使用搜索过程中，是否允许匹配该列的内容

5.最后附上我实际运用的初始化表格代码

	initTable() {
        var me = this;
        var response={};// 用于存放响应体 目前没有变量抽离响应体
        this.$table.bootstrapTable('destroy'); 
        this.$table.bootstrapTable({
            height: 500,
            url: '/api/bookmark/getAll',
            method: 'ge