bootstrap-table 后台分页怎么显示总数据条数?

发布于 2022-09-07 11:47:17 字数 2549 浏览 19 评论 0

clipboard.png
正常应该会显示从第一条到第几条,共多少条,为什么我的变成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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

对你再特殊 2022-09-14 11:47:17

服务端要返回一个总条数的字段的,比如"total":800

不弃不离 2022-09-14 11:47:17

使用bootstrap-table服务器端分页的时候,服务器端返回的数据一定带有total,和rows俩个字段,如果后台不返回这样的字段,前台也没有对返回的数据进行处理,就会出现我这种情况

窗影残 2022-09-14 11:47:17

你需要服务端返回的数据格式为:

{
    "total": 200,
    "rows": [XXX]
}
清秋悲枫 2022-09-14 11:47:17

"total": XXX,

做个ˇ局外人 2022-09-14 11:47:17

xi修改源码,把函数里面的c也就是总条数拼接出来clipboard.png

clipboard.png

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文