当前位置: 代码迷 >> 综合 >> bootstrap table 分页序号递增问题
  详细解决方案

bootstrap table 分页序号递增问题

热度:39   发布时间:2024-01-20 21:59:36.0

传送门:人家的东西,我只是做个记录


如题,怎么在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 )+ 序号}}]

  相关解决方案