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 ]