本文主要介绍了如何在使用BootStrap Table的server分页时，实现分页序号的连续显示，即当前页序号从上一页的结束序号开始。通过自定义BootstrapTable.prototype.getPage函数，并在formatter中调用，解决了由于服务器只返回当前页数据导致的序号从1开始的问题。最终实现的分页序号效果与client分页一致。
前言
在使用bootstrap table的时候难免www.cppcns.com会用到分页，分页它提供了两种方式：client客户端分页、server服务端分页两种方式。
在项目中一般是不用client分页的，一般表格数据量大，用client分页会导致缓存爆炸，所以我们选择server分页。
存在即合理，client也是可以用的(数据量特别少的时候)，相对于server方式，它的分页序号是自动连续的。而server方式分页的序号就不连续的了(每一页都是从1开始，而不是从上一页的结束序号开始)，本文就着重解决这个问题。
原始分页结果
client分页，使用bootstrap table的formatter中的index索引值可以使得序号是连续的，上图：
这是第1页的序号，为1-4。
这是第2页的序号，为5-8。
server分页，由于缺乏当前页的位置pageNumber和每页的大小pageSize,所以无法确定索引值，用formatter返回index就是只有当前页的索引。
这是server分页的第1页，序号为1-4。
这是server分页的第5页，序号也为1-4。
解决步骤
出现这个问题的原因是什么呢，由于我们使用的formatter返回的index参数，这个参数是表格的索引，client的所有n条总数据都在客户端，index就为1-n，而server分页每次服务器只返回的是当前页的数据到客户端，所以index就只有1-pageSize，pageSize为一页的数据
最低0.47元/天 解锁文章
扫一扫
993
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
