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
- Virmach 美国新泽西州皮斯卡特维机房 VPS 测评数据美国VPS[主机]
- vpsms→洛杉矶安畅 cn2 gia VPS 54 元 月 512m 全球[VPS测评]
- extravm→俄罗斯 VPS $5 月 KVM 虚拟 1G 内存 1 全球[VPS测评]
- 疯狂猜成语 图猜成语一只兔子三个洞是什么成语？全球[VPS测评]
- 补货通知 hostflyte→CN2 线路 1G 内存 1T 流量半年付全球[VPS测评]
- 圣诞节 losangelesvps→1Gbps 带宽不限流量 VPS 全球[VPS测评]
- 练手专用 $7 年 2G 内存 30G SSD 2T 流量 100Mbp全球[VPS测评]
- 补货通知 搬瓦工→$49 年 1G 内存 1T 流量 CN2 补货了 有全球[VPS测评]
- 便宜 $1.57 月 1 核 512M 内存 5G SSD 25Mbps全球[VPS测评]
- 大容量便宜 VPS 汇总推荐→5 美元 月左右 空间 500GB 以上虚拟空间(主机)
- 阿里云 618 优惠活动→云服务器低至 2 折仅需 190 元 年起 新全球[VPS测评]
- 便宜 VPS €7 年 512M 内存 10G 硬盘 5T 流量@1Gb全球[VPS测评]
- 疯狂猜成语 图猜成语海底着火是什么成语？全球[VPS测评]
- 阿里云双 11 返场→企业认证用户 2 核 8G5M 云服务器 1140全球[VPS测评]
- 如何查看 VPS 的去程和回程全球[VPS测评]
- YYYHost洛杉矶高防CN2GIA1G内存8m带宽外加100g防御 月全球[VPS测评]
- 可能违规的5个Google Adsense广告规则全球[VPS测评]
- justhost-俄罗斯新西伯利亚 喀山等 1C0.5G5GB 200M全球[VPS测评]
- HostHatch 大容量VPS 1G 1T HDD 2T $5 月全球[VPS测评]
- 加拿大以“国安”为由禁止华为、中兴参与5G建设全球[VPS测评]
- 港口雄开万里流丨不出国门海淘全球青岛跨境电商未来可期全球[VPS测评]
- 2023年 IDC市场结构和方向的深度分析全球[VPS测评]
- 美国信贷市场的痛苦将不亚于上世纪70年代的通胀时期美国VPS[主机]
- 搬瓦工：全场VPS 9折优惠,10Gbps(美国cn2 gia+日本软银日本VPS[主机]
- 者也IO,香港日本美国云服务器促销,2核2G1000元/2年,7折+内存日本VPS[主机]
- 孤狼云：香港沙田CN2/安畅CN2云服务器仅9.9元/月_香港虚拟主机2香港VPS[主机]
- 很简单的图片不规则布局样式，纯css样式实现的图片瀑布流布局全球[VPS测评]
- 轻云互联,香港VPS月付22元 美国VPS月付19元美国VPS[主机]
- EdgeNat双十二优惠：韩国/香港/美国全场VPS年付,2核2G2M仅韩国VPS[主机]
- CoNoov：美国/日本/新加坡/英国/荷兰/西班牙/挪威/丹麦vps,日本VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-208381.html