BootStrap table增加一列显示序号

来源:互联网 发布:记忆力训练软件哪种好 编辑:程序博客网 时间:2024/06/05 10:45

最近由于项目需要,使用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;}
原创粉丝点击