最近由于项目需要,使用bootstrap-table做数据展示,其中要在第一列显示序号,如图所示:
查看了API,发现bootstrap-table并没有像其他表格组件提供这个直接显示的功能(也有可能自己没有发现,如果有发现的伙伴们可以告诉我一下),但是可以根据options里面的pageSize,pageNumber自己进行计算,代码如下:
columns: [{
checkbox: true,
visible: true //是否显示复选框
},{
field: 'no',
title: '序号',
sortable: true,
align: "center",
width: 40,
formatter: function (value, row, index) {
//获取每页显示的数量
var pageSize=$('#table').bootstrapTable('getOptions').pageSize;
//获取当前是第几页
var pageNumber=$('#table').bootstrapTable('getOptions').pageNumber;
//返回序号,注意index是从0开始的,所以要加上1
return pageSize * (pageNumber - 1) + index + 1;
}
}
})