Bootstrap-table 显示行号

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

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

 

第一页：

 

第二页：

 

 

.......图大了，下面是js代码：

 

 columns: [
                    {
                        title: '排名',
                        align: 'center',
                        valign: 'middle',
                        formatter:function(value,row,index) {
                            // 取得表格的Options
                            var options = $("#display-table").bootstrapTable("getOptions");
                            // 取得表格的pageSize属性(每页显示的数量)
                            var pageSize = options.pageSize;
                            // 取得表格的pageNumber属性(当前页数)
                            var pageNumber = options.pageNumber;
                            // 行号的生成方法
                            return (pageNumber - 1) * pageSize + index + 1;
                        }
                    }
]