bootstrap-table編號問題

今天在用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啊,

就是翻頁到最後,然後在搜索框輸入條件後,

第一次點擊是查不到符合條件的數據的,第二次點擊纔可以

希望遇到同樣問題的小夥伴一起討論學習

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章