leftso 264 2 2019-08-21 16:08:11

文章位置:左搜> 编程技术> WEB前端基础> 正文

Bootstrap Table 后端分页详解防坑

$('#tableId').bootstrapTable({
 method:'post',//请求方法
 url:'',//后台地址
 pagination: true,//是否分页,默认false,必须配置
 sidePagination: "server",//必须 否则返回得数据可能不会显示到表里面(坑了我很久)
 pageSize: 10,//分页大小设置
 dataType:"json",//请求数据类型
 responseHandler: function (res) {  
  //最终格式为 return {"rows":[],"total":0}
 },//返回数据自定义处理
 queryParams : function(params) {
            var pageNum=0;
            console.log(params.offset);
            console.log(params.limit);
            if(params.offset>0)
            {
                pageNum=params.offset/params.limit;
                if(pageNum==0) pageNum=1;
            }
            return JSON.stringify({
                "pageNum": pageNum+1,
                "pageSize": params.limit,
                //其他参数
            });
 },
 columns:[],
});

评论区域

r
非技术的路过。
repostone 2019-08-22 16:59:47 回复
l
欢迎来访。哈哈表情26_mianqiang
[作者]leftso 2019-08-22 17:01:22 回复