鍍金池/ 問答/HTML/ bootstrap-table 后臺分頁怎么顯示總數(shù)據(jù)條數(shù)?

bootstrap-table 后臺分頁怎么顯示總數(shù)據(jù)條數(shù)?

clipboard.png
正常應(yīng)該會顯示從第一條到第幾條,共多少條,為什么我的變成0條,這個需要自己寫js動態(tài)加載嗎

  var oTableInit = new Object();
    //初始化Table
    oTableInit.Init = function () {
        $('#tb_internJob').bootstrapTable({
            url: 'http://localhost:8070/',         //請求后臺的URL(*)
            method: 'post',                      //請求方式(*)
            toolbar: '#toolbar',                //工具按鈕用哪個容器
            striped: true,                      //是否顯示行間隔色
            cache: false,                       //是否使用緩存,默認(rèn)為true,所以一般情況下需要設(shè)置一下這個屬性(*)
            pagination: true,                   //是否顯示分頁(*)
            sortOrder: "asc",                   //排序方式
            queryParamsType:'',
            paginationShowPageGo: true,
            showJumpto: true,
            pageNumber: 1, //初始化加載第一頁,默認(rèn)第一頁
            queryParams:queryParams,//請求服務(wù)器時所傳的參數(shù)
            sidePagination:'server',//指定服務(wù)器端分頁
            pageSize:1,//單頁記錄數(shù)
            pageList:[2,3,4,5],//分頁步進(jìn)值
            smartDisplay:false,
            search: true, //是否顯示表格搜索,此搜索是客戶端搜索,不會進(jìn)服務(wù)端,所以,個人感覺意義不大
            silent: true,
            showColumns: true,                  //是否顯示所有的列
            showRefresh: true,                  //是否顯示刷新按鈕
            minimumCountColumns: 2,             //最少允許的列數(shù)
            // clickToSelect: true,                //是否啟用點(diǎn)擊選中行
            // height: 500,                        //行高,如果沒有設(shè)置height屬性,表格自動根據(jù)記錄條數(shù)覺得表格高度
            uniqueId: "internshipJobId",                     //每一行的唯一標(biāo)識,一般為主鍵列
            columns: [{
                checkbox: true
            }, {
                field: 'jobName',
                title: '職位名稱',
                align: 'center',
            }, {
                field: 'releaseTime',
                title: '發(fā)布時間',
                align: 'center'
            }, {
                field: 'expiredTime',
                title: '截至?xí)r間',
                align: 'center'
            },{
                field: 'operation',
                title: '操作',
                align: 'center',
                events:operateEvents,//給按鈕注冊事件
                formatter:addFunctionAlty//表格中增加按鈕
            }]
        });
    };

    // 得到查詢的參數(shù)
    function queryParams(params) {
        var temp = {   //這里的鍵的名字和控制器的變量名必須一直,這邊改動,控制器也需要改成一樣的
            pageNum: params.pageNumber,
            pageSize: params.pageSize,
            jobType:jobType,
            isExpired:isExpired
        };
        return temp;
    };
    return oTableInit;
};
回答
編輯回答
旖襯

你需要服務(wù)端返回的數(shù)據(jù)格式為:

{
    "total": 200,
    "rows": [XXX]
}
2018年8月29日 16:27
編輯回答
撿肥皂

使用bootstrap-table服務(wù)器端分頁的時候,服務(wù)器端返回的數(shù)據(jù)一定帶有total,和rows倆個字段,如果后臺不返回這樣的字段,前臺也沒有對返回的數(shù)據(jù)進(jìn)行處理,就會出現(xiàn)我這種情況

2018年4月10日 19:58
編輯回答
乞許

服務(wù)端要返回一個總條數(shù)的字段的,比如"total":800

2017年11月29日 22:05