Bootstrap-table 显示行号

趁热打铁，使用bootstrap-table时，想要显示每行的行号，再网上查了查，网上给的显示行号的大部分方法，只要一翻页，行号就会又从1开始计算，

也许没有碰到想要的，自己试着解决了这个问题，本人初出茅庐，勿喷！先上图：

第一页：

第二页：

Bootstrap-table 显示行号

.......图大了，下面是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 ]

Bootstrap-table 显示行号

相关推荐