前端bootstrap 序号展示

1. {  
2.             field : 'Number',  
3.             title : '序号',  
4.             align: 'center',  
5.             width: 20,  
6.             formatter : function(value, row, index) {  
7.                 //return index + 1;  
8.                 var pageSize=$('#parent_table').bootstrapTable('getOptions').pageSize;//通过表的#id 可以得到每页多少条  
9.                 var pageNumber=$('#parent_table').bootstrapTable('getOptions').pageNumber;//通过表的#id 可以得到当前第几页  
10.                 return pageSize * (pageNumber - 1) + index + 1;//返回每条的序号： 每页条数 * （当前页 - 1 ）+ 序号  
11.             }  
12.         }, 
    
13. 支持分页时，点击下一页，序号不会再次从1开始，而是依次叠加，直接将这段代码放在 bootstrap table中设置列显示的对应位置即可。