bootstrap-table.js添加序号列

bootstrap-table.js插件添加序号翻页后还是会从1开始,所以需要修改源码扩展序号功能。

源码修改

1.打开bootstrap-table.js文件搜索关键字allowedMethods,在最下一行添加’getPage’(自己命名的方法名)

    var allowedMethods = [
        'getOptions',
        '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',
        'getPage'
    ];

2.在上面添加此方法的内容

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

修改页面

{
	title: '序号',
	formatter:function(value,row,index){
		var page = $('#resultListTable').bootstrapTable("getPage");
		return page.pageSize * (page.pageNumber - 1) + index + 1;
	},
	align:"center",
	width : "5%"
}

你可能感兴趣的:(JQuery,javascript,bootstrap)