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 ]
初学小白,请多指教!