Bootstrap-table 服务端分页无效以及服务端分页后不显示页码的解决方法
 |  |  |  |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
Bootstrap-table 是一款由国人开发的功能非常非常强大的表格插件，强烈推荐各位小伙伴们使用，最近在使用 Bootstrap-table 过程中发现分页方式设置为服务端后无法加载数据以及正确分页了，经过阅读文档发现，Bootstrap-table 客户端分页和服务端分页模式要求返回的数据格式是不一样的。
客户端分页模式只要返回 json 格式的数据数组即可，而服务端分页的时候除了要返回数据数组以外还要返回 total，即总记录数。
客户端分页方式返回数据格式：
[{"id":20170004,"name":"测试活动系部","description":"所属系部活动","begin_time":1501516800,"end_time":1504281600,"create_time":0,"score":0.1,"level":"系级","type_id":"创新创业","department_id":2,"sid":17160100,"aid":20170004,"time":1504751546},{"id":20170002,"name":"学院军训","description":"学院 2017 年军训，大学生志愿者。","begin_time":1504195200,"end_time":1504281600,"create_time":0,"score":0.2,"level":"校级","type_id":"社会实践","department_id":1,"sid":17160100,"aid":20170002,"time":1504676795},{"id":20170001,"name":"学院迎新","description":"学院 2017 年迎新活动，大学生志愿者。","begin_time":1504195200,"end_time":1504281600,"create_time":0,"score":0.5,"level":"校级","type_id":"工作履历","department_id":1,"sid":17160100,"aid":20170001,"time":1504751546}]服务端分页方式返回数据格式：
{"total":4,"rows":[{"id":20170001,"name":"学院迎新","description":"学院 2017 年迎新活动，大学生志愿者。","begin_time":1504195200,"end_time":1504281600,"create_time":0,"score":0.5,"level":"校级","type_id":"工作履历","department_id":1,"sids":"","count":0},{"id":20170002,"name":"学院军训","description":"学院 2017 年军训，大学生志愿者。","begin_time":1504195200,"end_time":1504281600,"create_time":0,"score":0.2,"level":"校级","type_id":"社会实践","department_id":1,"sids":"","count":0},{"id":20170003,"name":"测试活动已过期","description":"已过期活动","begin_time":1504195200,"end_time":1504972800,"create_time":0,"score":0.2,"level":"校级","type_id":"志愿公益","department_id":1,"sids":"","count":0},{"id":20170004,"name":"测试活动系部","description":"所属系部活动","begin_time":1501516800,"end_time":1504281600,"create_time":0,"score":0.1,"level":"系级","type_id":"创新创业","department_id":2,"sids":"","count":0}]}加上 total 后服务端分页模式正常加载了数据，但是却无法正常加载页码，原因是我获 total 的时候是直接使用 count 方法获取了单次查询的结果数组的记录数，而实际上 total 应该是全部符合条件的记录数。改正 total 之后页码显示正常，到此 Bootstrap-table 服务端分页无效以及服务端分页后不显示页码的问题解决。
猜你可能想看的VPS
- 便宜 bigfootservers→10.75 美元 月 可以购买 15全球[VPS测评]
- VPS 新闻 美国 VPS 界最后一个金刚 HostMyBytes 被 美国VPS[主机]
- 云创网络洛杉矶安畅 cn2 gia 速度及综合性能测评,200M 带宽+全球[VPS测评]
- 疯狂猜成语 图猜成语两个人在说话前面有一个人在笑是什么成语？全球[VPS测评]
- PacificRack 便宜美国 vps 五月特惠,洛杉矶 QN 机房,美国VPS[主机]
- 企鹅小屋→韩国 CN2 日本 CN2 独立服务器特价优惠 550 月 大独立服务器[U]
- 优惠 hostease→虚拟主机五折优惠 高速香港虚拟主机香港VPS[主机]
- 优惠 $11.2 月 2 核 CPU 1G 内存 40G 硬盘 3Mbp香港VPS[主机]
- 疯狂猜成语 图猜成语一间房顶上三把伞天上下着雨一间房子旁边是七块冰块天上全球[VPS测评]
- 一般般-AlexHost→€11.8 年 1.5GB 内存 10GB S虚拟空间(主机)
- 如何阻止Windows Update捆绑更新设备驱动WINDOWS
- GreenCloudVPS 荷兰阿姆斯特丹机房，2核4G/10Gbps大全球[VPS测评]
- CloudCone 512M 内存 15G 储存 1T流量 洛杉矶 MC全球[VPS测评]
- 牛信云入选艾瑞《2022年中国跨境电商服务行业趋势报告》典型厂商全球[VPS测评]
- 加拿大以“国安”为由禁止华为、中兴参与5G建设全球[VPS测评]
- 从阿里云七代云服务器，谈云计算四大趋势全球[VPS测评]
- 极客主机,优惠8折充值返25%,香港CN2VPS,日本软银VPS,新加坡日本VPS[主机]
- 性价比最高的VPS网络评测全球[VPS测评]
- 亚马逊卖家与广告流量之间的博弈才刚刚开始？品牌卖家如何冲破广告之困...全球[VPS测评]
- 恒创科技：国庆中秋双节同庆,香港1核2G云服务器,年付378元香港VPS[主机]
- 易科云：香港cn2 vps,洛杉矶 cn2云主机;全场月付9折/季付8折香港VPS[主机]
- 免备案服务器对权重和网站排名有影响吗？全球[VPS测评]
- 性价比最高的VPS网络评测全球[VPS测评]
- 品光网络怎么样?香港美国服务器/云/高防，开年采购3.5折起美国VPS[主机]
- DMIT：香港/洛杉矶GIA等KVM VPS,黑五DMIT优惠码活动,稳香港VPS[主机]
- 云米科技：香港CN2 GIA/美国Cera优质高防线路8折,支持按天退款美国VPS[主机]
- 老六云怎么样?香港cn2vps月付23元香港NTT月付9.9元香港VPS[主机]
- 中久数据：2021新年特惠便宜挂机宝5元/月,香港1G仅20元/月,美国美国VPS[主机]
- CoNoov：美国/日本/新加坡/英国/荷兰/西班牙/挪威/丹麦vps,日本VPS[主机]
- TabbyCloud：香港cn2云服务器/9折优惠/不限月流量/双程CN香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-208381.html