原文地址: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; } }