bootStrap-table 行號 順序排列

項目中用到不少表格來展現數據 分頁 以及行號顯示   bootStrap-table顯示行號最簡單的即是 使用其自身的 index 屬性 經過 data-formatter來調用方法 展現行號app

function setCode(val, row, index) {
               return index + 1;
    }

可是注意 這個是每頁展現都是從1開始  而不是接着上一頁順序的   因此這就美麗了  。而如今咱們須要是接着上一頁的的序號顯示 而不是每頁都從1開始。知道了計算方法就是獲取到ide

pageSize(每頁顯示的條數)和 pageNumber(當前第幾頁) ,那就取唄,關鍵是這兩項是不能夠直接使用的   因此就只能在源碼裏 寫方法來獲取到這兩項,這也是在網上幾經查詢找到的   感謝大神們   慢慢向大家靠近 慢慢修煉  this

  BootstrapTable.prototype.getPageCode = function () {
        return {pageSize: this.options.pageSize, pageNumber: this.options.pageNumber}; 
    };

而後把 getPageCode 方法 放在 allowedMethods 對象裏spa

  var allowedMethods = [
        'getOptions','getPageCode',
        'getSelections', 'getAllSelections', 'getData',
        'load', 'append', 'prepend', 'remove', 'removeAll',
        'insertRow', 'updateRow', 'updateCell', 'updateByUniqueId', 'removeByUniqueId',
        'getRowByUniqueId', 'showRow', 'hideRow', 'getHiddenRows',
        'mergeCells',
        'checkAll', 'uncheckAll', 'checkInvert',
        'check', 'uncheck',
        'checkBy', 'uncheckBy',
        'refresh',
        'resetView',
        'resetWidth',
        'destroy',
        'showLoading', 'hideLoading',
        'showColumn', 'hideColumn', 'getHiddenColumns', 'getVisibleColumns',
        'showAllColumns', 'hideAllColumns',
        'filterBy',
        'scrollTo',
        'getScrollPosition',
        'selectPage', 'prevPage', 'nextPage',
        'togglePagination',
        'toggleView',
        'refreshOptions',
        'resetSearch',
        'expandRow', 'collapseRow', 'expandAllRows', 'collapseAllRows',
        'updateFormatText'
    ];

而後經過 data-formatter來調用getPageCode方法就OK啦 !這樣就會是選哪一個要的連續編號了prototype

相關文章
相關標籤/搜索