趁热打铁,使用bootstrap-table时,想要显示每行的行号,再网上查了查,网上给的显示行号的大部分方法,只要一翻页,行号就会又从1开始计算,
也许没有碰到想要的,自己试着解决了这个问题,本人初出茅庐,勿喷!先上图:
第一页:
第二页:
.......图大了,下面是js代码:
1 columns: [
2 {
3 title: '排名',
4 align: 'center',
5 valign: 'middle',
6 formatter:function(value,row,index) {
7 // 取得表格的Options
8 var options = $("#display-table").bootstrapTable("getOptions");
9 // 取得表格的pageSize属性(每页显示的数量)
10 var pageSize = options.pageSize;
11 // 取得表格的pageNumber属性(当前页数)
12 var pageNumber = options.pageNumber;
13 // 行号的生成方法
14 return (pageNumber - 1) * pageSize + index + 1;
15 }
16 }
17 ]