手机查看
【代码片段】BootStrap Table显示行号分页后依然递增
BootStrap Table显示行号分页后依然递增
首先是常规的行号显示（不会分页后递增）
{
title: '序号',
field: '',
formatter: function (value, row, index) {
return index+1;
}
}
需要分页后递增的，要获取当前分页的页码和每页显示数量，自己计算
columns: [
{
title: '序号',
field: '',
align: 'center',
formatter: function (value, row, index) {
var pageSize = $('#tableId').bootstrapTable('getOptions').pageSize; //通过table的#id 得到每页多少条
var pageNumber = $('#tableId').bootstrapTable('getOptions').pageNumber; //通过table的#id 得到当前第几页
return pageSize * (pageNumber - 1) + index + 1; // 返回每条的序号： 每页条数 *（当前页 - 1 ）+ 序号
}
}
}------ 本文结束 感谢阅读 ------
下一篇：
【vue】vue组件之间传值