今天在用bootstrap中的table插件時,
遇到了一個困住同事和我很久的問題,
就是如何讓表格中的數據從1有序排列下去。
根據table插件提供的formatter函數中(index+1)的話,
分頁後的每頁數據都是從編號1開始,並不符合實際使用環境。
集思廣益,開始想辦法。
方案一:
改源碼,解決id問題。
打開bootstrap-table.js文件
在2930行後,加入如下代碼
BootstrapTable.prototype.getPage = function (param) {
return this.options.pageSize
* (this.options.pageNumber - 1);
};
在allowedMethod的’updateFormatText’後
加一個【,’getPage’】(約2967行左右)
至此,源碼編寫完畢,保存關閉之。
在js中需要寫編號的列中加入
title : "編號",
formatter:function(value,row,index){
return sss.bootstrapTable("getPage")+index+1;
}
方案二:
設置一個變量,相對簡單,不需要改動源碼
var os = ""
os = msg.offset;
title : "編號",
formatter:function(value,row,index){
return return os+index+1;
}
目前就想到了兩種解決方案,肯定還會有更好的解決辦法,繼續學習···
BTW:bootstrap-table有一個小bug啊,
就是翻頁到最後,然後在搜索框輸入條件後,
第一次點擊是查不到符合條件的數據的,第二次點擊纔可以
希望遇到同樣問題的小夥伴一起討論學習