项目中用到不少表格来展现数据 分页 以及行号显示 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