Bootstrap Table 后端分页详解防坑$('#tableId').bootstrapTable({
method:'post',//请求方法
url:'',//后台地址
pagination: true,//是否分页,默认fBootstrap Table 后端分页详解防坑$('#tableId').bootstrapTable({
method:'post',//请求方法
url:'',//后台地址
pagination: true,//是否分页,默认false，必须配置
sidePagination: "server",//必须 否则返回得数据可能不会显示到表里面（坑了我很久）
pageSize: 10,//分页大小设置
dataType:"json",//请求数据类型
contentType:"application/json;charset=UTF-8",//POST JSON数据必须指定
clickToSelect: true,//点击选中复选框
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:[
{
field: 'id',
title: 'ID',
checkbox:true,
},{
field: 'opField',
title: '客户名称',
formatter:function (value,row,index) {
let clients=row.orderBodies;
let names=new Array();
$.each(clients,function (index,item) {
names.push(item.enterpriseName);
});
return names.join("、");
}
},
],
});代码段 小部件