[轉] BootStrap table增加一列顯示序號
阿新 • • 發佈：2019-01-04
原文地址: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;
}