bootstrap table 分頁序號遞增問題 (轉)


原文地址:https://segmentfault.com/q/1010000011040346

如題,怎么在bootstrap table中顯示序號,序號遞增,並且分頁有效,等於是每頁10條,第2頁的序號可以從11開始到20。
之前的是這樣寫的columns的序號:

columns:[{
                 field: '序號',
                 title: 'number',
                 width:5 ,
                 align:'center',
                 switchable:false,
                 formatter:function(value,row,index){
                     return index+1;//這樣的話每翻一頁都會重新從1開始,
                 }
        }]

怎么能讓序號翻頁之后也能繼續遞增,而不是由從1開始遞增?

這個問題自己解決了,方式如下:

columns:[{
            field: 'number',
            title: '序號',
            width:5 ,
            align:'center',
            switchable:false,
            formatter:function(value,row,index){
                //return index+1; //序號正序排序從1開始
                var pageSize=$('#tableId').bootstrapTable('getOptions').pageSize;//通過表的#id 可以得到每頁多少條
                var pageNumber=$('#tableId').bootstrapTable('getOptions').pageNumber;//通過表的#id 可以得到當前第幾頁
                return pageSize * (pageNumber - 1) + index + 1;    //返回每條的序號: 每頁條數 * (當前頁 - 1 )+ 序號
            }
        }]

 2019.4.14

今天學到了第二種方法:

{
                field: '',
                title: '序號',
                align: 'center',
                formatter: function (value, row, index) {
                    var page = $('#parkingtable').bootstrapTable("getPageNo"); //id為table的id
                    return page.pageSize * (page.pageNumber - 1) + index + 1;
                }
            }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM