bootstrap table分頁序號連續(xù)

當分頁方式sidePagination為server時分頁序號不是連續(xù)的,每一頁都是從0開始。

解決方法:

首先我們看boostrap table的js源碼,可以看到一些內(nèi)部函數(shù)的寫法,如:

BootstrapTable.prototype.showRow =function(params){this.toggleRow(params,true);? ? };

我們也照著寫一個返回我們需要的索引值的函數(shù):

BootstrapTable.prototype.getIndex = function (param) {

? ? ? ? return this.options.pageSize * (this.options.pageNumber-1)+1;

? ? }

我們能寫這個函數(shù)傳遞索引參數(shù)的原因是,pageSize和pageNumber本身就是bootstrap table的內(nèi)部參數(shù),全部都集成在options中,所以你有這個參數(shù)我才能寫函數(shù)返回這個值。

寫好函數(shù)還得把這個函數(shù)寫進內(nèi)部函數(shù)列表中,不然也用不了,如下把getIndex像它原來的函數(shù)那樣插入進去(第三行):

var allowedMethods = [

? ? ? ? 'getOptions',

? ? ? ? 'getSelections', 'getAllSelections', 'getData','getIndex',

????????.......

? ? ];

這樣我們就可以在表中使用,在formatter中使用了getIndex方法,實現(xiàn)了分頁序號的連續(xù)。

參考原文:https://blog.csdn.net/youand_me/article/details/77063813

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Lua 5.1 參考手冊 by Roberto Ierusalimschy, Luiz Henrique de F...
    蘇黎九歌閱讀 14,259評論 0 38
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法,內(nèi)部類的語法,繼承相關(guān)的語法,異常的語法,線程的語...
    子非魚_t_閱讀 34,754評論 18 399
  • 在業(yè)務(wù)系統(tǒng)開發(fā)中,對表格記錄的查詢、分頁、排序等處理是非常常見的,在Web開發(fā)中,可以采用很多功能強大的插件來滿足...
    往事隨feng閱讀 3,395評論 0 13
  • 從前有一位王國的公主,穿著最美麗的貴族裙,住在童話似的城堡里,無憂無慮過著幸福生活。公主很小很小的時候,一直做著同...
    Shanmoweiyun閱讀 679評論 0 2
  • 推薦書籍 1.《C++ Primer 5th》 2.《The C++ Programming Language 4...
    茶色少年閱讀 155評論 0 0

友情鏈接更多精彩內(nèi)容