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;
}
}
上一篇:bootstrap table分页(前后端两种方式实现)


下一篇:Linux实践二:模块