[轉] BootStrap table增加一列顯示序號

原文地址: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;
}