[转] BootStrap table增加一列显示序号

原文地址:https://blog.csdn.net/aboboo5200/article/details/78839208

最近由于项目需要，使用BootStrap table做数据展示，其中要在第一列显示序号，如图所示：

这里写图片描述

查看了API，发现bootstrap table并没有像其他表格组件提供这个直接显示的功能（也有可能自己没有发现，如果有发现的伙伴们可以告诉我一下下），但是可以根据options里面的pageSize，pageNumber自己进行计算，代码如下：

title : '序号',

align: "center",

width: 40,

formatter: function (value, row, index) {

//获取每页显示的数量

var pageSize=$('#tableId').bootstrapTable('getOptions').pageSize;

//获取当前是第几页

var pageNumber=$('#tableId').bootstrapTable('getOptions').pageNumber;

//返回序号，注意index是从0开始的，所以要加上1

return pageSize * (pageNumber - 1) + index + 1;

}