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
- 阿里云 910 会员节 十年有礼 折扣回馈 爆款限时抢购 2 折起全球[VPS测评]
- 便宜 $7 年 2G 内存 30G SSD 2T 流量@100Mbps 全球[VPS测评]
- Ramnode 充值送 25% KVM 月费 3 美元起 支持小时计费 全球[VPS测评]
- Windows Server 2012 R2 解除文件下载限制WINDOWS
- 搬瓦工→DC6 机房 CN2 GIA 线路推出 10Gbps 带宽 VP全球[VPS测评]
- 国内看视频专用 死海网络→1 核 256M 5G SSD 100Mbps全球[VPS测评]
- SaltyfishTech→$13.9 季 1GB 内存 10GB SS虚拟空间(主机)
- 凯特云→21 元 月 512MB 内存 10GB SSD 空间 500G虚拟空间(主机)
- 测评 HostMem→1G 内存套餐测评数据 电信回程走 CN2 GIA全球[VPS测评]
- $49 年 512M 内存 80G 硬盘 500G 流量 1Gbps K全球[VPS测评]
- php→Illegal offset type in XXX 错误原因及全球[VPS测评]
- WordPress代码实现自动为文章中的图片添加alt、title属性全球[VPS测评]
- WordPress一键重新生成全站缩略图插件：Regenerate Th全球[VPS测评]
- RackNerd 三款AMD Ryzen便宜VPS限时促销，年付$18.全球[VPS测评]
- Superspeed.sh 一键脚本测试搬瓦工 VPS上传下载速度和延迟全球[VPS测评]
- friendhosting黑五促销，VDS四五折，虚拟主机四折；老用户续全球[VPS测评]
- DeepVM 西雅图4837高防VPS八折优惠，月付20元起；洛杉矶99全球[VPS测评]
- Contabo德国老牌商家新上新加坡数据中心，前1000名用户免设置费；美国VPS[主机]
- George Datacenter-17.5$ 年 达拉斯 1核AMD2全球[VPS测评]
- 文物、沉船、村落！干旱导致大量遗迹重见天日 2022年干旱还要持续多久？全球[VPS测评]
- 租用美国服务器有哪些安全方案美国VPS[主机]
- edgenat,低价年付促销活动,香港vps 4核8G仅300元/年,美美国VPS[主机]
- 人们为啥不爱吃海底捞了?海底捞上半年亏损达2.97亿 网友神评扎心全球[VPS测评]
- 云计算竞争日趋白热化云计算行业市场前景分析全球[VPS测评]
- GreenCloudVPS：5折、6折优惠，日本、新加坡、香港等KVM 日本VPS[主机]
- 无忧云怎么样?大连BGP德阳100G高防香港CN2VPS云服务器香港VPS[主机]
- 香港站群服务器租用推荐,香港多IP服务器/VPS套餐(站群需求)站群服务器[IP]
- tudcloud,香港vps终身八折$7.76/月起,1核1G内存,香港香港VPS[主机]
- 云米科技：新春欢庆,香港云服务器/美国高防vps服务器全场八折,支持按天美国VPS[主机]
- 世界杯季疫情突发，跨境电商订单排队，义乌商人面临难题全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-220309.html