bootstrap-table 后台分页怎么显示总数据条数?
正常应该会显示从第一条到第几条,共多少条,为什么我的变成0条,这个需要自己写js动态加载吗
var oTableInit = new Object();
//初始化Table
oTableInit.Init = function () {
$('#tb_internJob').bootstrapTable({
url: 'http://localhost:8070/', //请求后台的URL(*)
method: 'post', //请求方式(*)
toolbar: '#toolbar', //工具按钮用哪个容器
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
pagination: true, //是否显示分页(*)
sortOrder: "asc", //排序方式
queryParamsType:'',
paginationShowPageGo: true,
showJumpto: true,
pageNumber: 1, //初始化加载第一页,默认第一页
queryParams:queryParams,//请求服务器时所传的参数
sidePagination:'server',//指定服务器端分页
pageSize:1,//单页记录数
pageList:[2,3,4,5],//分页步进值
smartDisplay:false,
search: true, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
silent: true,
showColumns: true, //是否显示所有的列
showRefresh: true, //是否显示刷新按钮
minimumCountColumns: 2, //最少允许的列数
// clickToSelect: true, //是否启用点击选中行
// height: 500, //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
uniqueId: "internshipJobId", //每一行的唯一标识,一般为主键列
columns: [{
checkbox: true
}, {
field: 'jobName',
title: '职位名称',
align: 'center',
}, {
field: 'releaseTime',
title: '发布时间',
align: 'center'
}, {
field: 'expiredTime',
title: '截至时间',
align: 'center'
},{
field: 'operation',
title: '操作',
align: 'center',
events:operateEvents,//给按钮注册事件
formatter:addFunctionAlty//表格中增加按钮
}]
});
};
// 得到查询的参数
function queryParams(params) {
var temp = { //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
pageNum: params.pageNumber,
pageSize: params.pageSize,
jobType:jobType,
isExpired:isExpired
};
return temp;
};
return oTableInit;
};
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
服务端要返回一个总条数的字段的,比如"total":800
使用bootstrap-table服务器端分页的时候,服务器端返回的数据一定带有total,和rows俩个字段,如果后台不返回这样的字段,前台也没有对返回的数据进行处理,就会出现我这种情况
你需要服务端返回的数据格式为:
"total": XXX,
xi修改源码,把函数里面的c也就是总条数拼接出来