项目中用到很多表格来展示数据 分页 以及行号显示 bootStrap-table显示行号最简单的便是 使用其自身的 index 属性 通过 data-formatter来调用方法 展示行号
function setCode(val, row, index) { return index + 1; }
但是注意 这个是每页展示都是从1开始 而不是接着上一页顺序的 所以这就美丽了 。而现在我们需要是接着上一页的的序号显示 而不是每页都从1开始。知道了计算方法就是获取到
pageSize(每页显示的条数)和 pageNumber(当前第几页) ,那就取呗,关键是这两项是不可以直接使用的 所以就只能在源码里 写方法来获取到这两项,这也是在网上几经查询找到的 感谢大神们 慢慢向你们靠近 慢慢修炼
BootstrapTable.prototype.getPageCode = function () { return {pageSize: this.options.pageSize, pageNumber: this.options.pageNumber}; };
然后把 getPageCode 方法 放在 allowedMethods 对象里
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啦 !这样就会是选哪个要的连续编号了