項目中用到不少表格來展現數據 分頁 以及行號顯示 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