[轉] 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;
}