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
- RAKsmart 双旦活动→圣何塞服务器 46 美元 香港服务器 122美国VPS[主机]
- Netim→.eu 域名优惠 10 年付仅需 12 欧 限欧洲全球[VPS测评]
- 大容量便宜 VPS 汇总推荐→5 美元 月左右 空间 500GB 以上虚拟空间(主机)
- 如何不让微信附近的人搜到我？全球[VPS测评]
- 美国虚拟主机排名推荐 TOP 榜美国VPS[主机]
- 促销 TmhHost→香港独立服务器 电信双向 CN2 联通移动直连 月独立服务器[U]
- ShockHosting→$5 月 KVM-1G 200G 1TB 洛杉全球[VPS测评]
- 1GServers→$29 月-E3 1270v2 8G 2*1TB 2全球[VPS测评]
- mysql 查询重复数据 mysql 查询表中重复记录全球[VPS测评]
- Pyclouds→40 元 月 256MB 内存 5GB 空间 100G虚拟空间(主机)
- RebelHositng→$25 月-L5639 16GB 1TB 10全球[VPS测评]
- PacificRack→$6.52 年 KVM-512MB 10GB 5全球[VPS测评]
- OLVPS→端口转发 100GB 流量 月付 20 元；枣庄联通独服 3全球[VPS测评]
- 数脉科技四月促销→E3-1230v2 16G 240G SSD 10M 香港VPS[主机]
- Chrome插件Personal Blocklist全球[VPS测评]
- 许诺云双十一 全场优惠 充值300送50 香港CN2GIA线路美国高防 美国VPS[主机]
- tmhhost 开学季促销 日本软银线路、洛杉矶三网cn2 gia 线路日本VPS[主机]
- Digital-VM 全场VPS 6折促销，提供10Gbps大带宽VPS全球[VPS测评]
- serv-tech 俄罗斯 VPS测评 解锁Netflix Justho全球[VPS测评]
- Wikihost CN2 香港虚拟主机 → 独立IP → 限量446元独立服务器[U]
- HostUS → 洛杉矶Psychz → 1Core 512M 15G 全球[VPS测评]
- 性价比最高的VPS网络评测全球[VPS测评]
- 拼多多回应筹备跨境电商业务：不予置评全球[VPS测评]
- 菠萝云服务器怎么样?香港云主机BGP、CN2,2核1G2M带宽仅49元/香港VPS[主机]
- 搬瓦工：全场VPS 9折优惠,10Gbps(美国cn2 gia+日本软银日本VPS[主机]
- HostKvm：1核/4G/30G硬盘/750G/20Mbps/香港kv香港VPS[主机]
- 再“掷”53亿元 宜家能否挽回中国消费者全球[VPS测评]
- 因搜包耽误员工下班，苹果将支付3050万美元赔款全球[VPS测评]
- 为什么要拥有一台VPS？全球[VPS测评]
- 云米科技：庆祝愚人节活动,香港CN2 GIA/美国CERA VPS全场9美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-211333.html