bootstrap table分页序号连续
2018-08-07 本文已影响15人
I_I_I
当分页方式sidePagination为server时分页序号不是连续的,每一页都是从0开始。
解决方法:
首先我们看boostrap table的js源码,可以看到一些内部函数的写法,如:
BootstrapTable.prototype.showRow =function(params){this.toggleRow(params,true); };
我们也照着写一个返回我们需要的索引值的函数:
BootstrapTable.prototype.getIndex = function (param) {
return this.options.pageSize * (this.options.pageNumber-1)+1;
}
我们能写这个函数传递索引参数的原因是,pageSize和pageNumber本身就是bootstrap table的内部参数,全部都集成在options中,所以你有这个参数我才能写函数返回这个值。
写好函数还得把这个函数写进内部函数列表中,不然也用不了,如下把getIndex像它原来的函数那样插入进去(第三行):
var allowedMethods = [
'getOptions',
'getSelections', 'getAllSelections', 'getData','getIndex',
.......
];
这样我们就可以在表中使用,在formatter中使用了getIndex方法,实现了分页序号的连续。
参考原文:https://blog.csdn.net/youand_me/article/details/77063813