傳送門:人家的東西,我只是做個記錄
如題,怎麼在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開始遞增?
好吧,連續在這裏發了2個問題,都是一天下來也沒看到一個回答。。。
這個問題自己解決了,方式如下:
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 )+ 序號
}
}]