方法一、自带方法
columns: [{
checkbox: true
},
{
field: 'id',
title: 'ID',
visible: false
},
{
field: '序号临时',
title: '序号临时' ,
formatter: function (value, row, index) {
return $.table.serialNumber(index,"bootstrap-table");
}
},
或者写成,此为框架文档介绍的写法
{ title: "序号",
formatter: function (value, row, index) {
return $.table.serialNumber(index);
}
},
方法二、其他方法,可以借鉴到其他框架中
{
title: '序号',
field: '',
align: 'center',
formatter: function (value, row, index) {
var pageSize = $('#bootstrap-table').bootstrapTable('getOptions').pageSize; //通过table的#id 得到每页多少条
var pageNumber = $('#bootstrap-table').bootstrapTable('getOptions').pageNumber; //通过table的#id 得到当前第几页
return pageSize * (pageNumber - 1) + index + 1; // 返回每条的序号: 每页条数 *(当前页 - 1 )+ 序号
}
},
以上方法均实现了:
翻页的时候,序号继续叠加的功能
注意序号不好放在ID之前
备注:表格中设置一下ID列为唯一列后,有可能ID可以不放在第一列,未测试