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
- spinservers→$99 月 2*e5-2630L v2 64g 美国VPS[主机]
- porkbun - 域名注册.com 首年$5.95 .net 首年$6全球[VPS测评]
- SSDNodes→新加坡 西雅图 洛杉矶 达拉斯 纽约 德国 加拿大等 全球[VPS测评]
- 动态 Nat VPS OLVPS→40 元每月 1 核 CPU 512M香港VPS[主机]
- Poli Systems→$11.19 月 1 核独享 4GB 内存 2虚拟空间(主机)
- [黑五]Sharktech→独立服务器月付 44 美元起 VPS 年付 独立服务器[U]
- 搬瓦工补货 $37 年 512M 内存 10G SSD 300G@1Gb全球[VPS测评]
- 促销 LosAngelesvps→2 核 2.5G 内存 35G SSD全球[VPS测评]
- 老薛主机 共同抗疫 共渡难关 网络创业 VPS 爆款 9.9 元疯抢全球[VPS测评]
- 如何阻止Windows Update捆绑更新设备驱动WINDOWS
- iozoom 云 VPS 月付5刀 Cloud 1GB 套餐详细评测全球[VPS测评]
- 腾讯云岁末回馈老用户免费体验CDN，轻量应用服务器或者云存储一个月全球[VPS测评]
- WordPress无插件自动实现标签关键字内链全球[VPS测评]
- WordPress插件：WP Downgrade降级到旧版本或者升级到新全球[VPS测评]
- Oneinstack环境如何更换绑定域名全球[VPS测评]
- Hostry-葡萄牙里斯本VPS 6$ 月 1C1G内存15G硬盘 1G全球[VPS测评]
- Wiredblade-美国凤凰城 5$ 月 2核4G内存40G NVME美国VPS[主机]
- Webhorizon-6刀年付 南非 南美智利 nat vps 1Gbp全球[VPS测评]
- 澳大利亚-布里斯班-BinaryLane-3.75刀 月-测评全球[VPS测评]
- HKServerSolution 2G内存 20G HDD 2T流量 1日本VPS[主机]
- 从阿里云七代云服务器，谈云计算四大趋势全球[VPS测评]
- Linux系统下安装Java JDK全球[VPS测评]
- 狗云DogYun,香港cn2云服务器/优惠码/流量包,按小时计费云服务器香港VPS[主机]
- Fatal error: Allowed memory size of 全球[VPS测评]
- 晚点独家丨拼多多9月上线跨境电商平台，首站美国美国VPS[主机]
- CMCUCT：2核2GB/20GB香港ntt线路vps 6TB流量/1G香港VPS[主机]
- anyhk：香港HGC/WTT/HKT线路、台湾HiNet线路NAT套餐香港VPS[主机]
- diyvm：香港vps/美国vps/日本vps/2核/2G内存/5M带宽日本VPS[主机]
- 酷锐云双十一活动：美国vps、香港vps云主机,2核4G4M,50元/首美国VPS[主机]
- 绮风云：香港云服务器仅11元/月,132元/年;美国/日本/韩国/新加坡日本VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-217297.html