Bootstrap-table 显示行号

趁热打铁,使用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 ]

 

posted @ 2018-07-20 20:54  空芯菜  阅读(584)  评论(0编辑  收藏  举报