bootStrap-table 行号 顺序排列

项目中用到很多表格来展示数据 分页 以及行号显示   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啦 !这样就会是选哪个要的连续编号了

posted @ 2017-07-28 17:16  豆豆豆芽儿  阅读(2292)  评论(0编辑  收藏  举报