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 美元起 站群服务器首站群服务器[IP]
- PuzCloud→31.5 元 月 1GB 内存 20GB 空间 1TB虚拟空间(主机)
- HKBTELE→699 元 月 E3-1225 16G 内存 1TB 硬日本VPS[主机]
- LOCVPS→56 元 月 KVM-2GB 30GB 600GB 圣何塞全球[VPS测评]
- 双十一 标准互联→所有云服务器买两年送一年 香港直连线路 美国圣何塞 C美国VPS[主机]
- php 怎么从文件路径中获取文件名 php 怎么从文件路径中分离文件目录全球[VPS测评]
- friendhosting→春季促销 全场 8 个机房的不限流量 VPS全球[VPS测评]
- 景文互联→VPS 全场 7 折 年付内存翻倍 充值 1000 元送 30全球[VPS测评]
- LOCVPS→56 元 月 KVM-2GB 30GB 600GB 圣何塞全球[VPS测评]
- 三网直连 ￥128 年 512M 内存 10G 硬盘 2Mbps 不限量香港VPS[主机]
- cloud.co.za → 6$ 月 南非 巴西 英国 1C1G20G硬全球[VPS测评]
- VPC.KR 韩国 IPLC NAT 评测韩国VPS[主机]
- 漂亮的Css3响应侧边栏菜单,动画风格侧边栏导航菜单样式全球[VPS测评]
- 香港云服务器对于建站有什么便捷的地方？香港VPS[主机]
- 香港云服务器的优势有哪些方面香港VPS[主机]
- 阿里行癫：如何理解当下的云计算全球[VPS测评]
- 金斗云怎么样?香港CN2月付23元,圣何塞CN2月付22元香港VPS[主机]
- earidc怎么样?香港三网cn2vps带宽1M月付29元香港VPS[主机]
- 金斗云怎么样?香港CN2月付23元,圣何塞CN2月付22元香港VPS[主机]
- Bloggar-移动端友好的新闻博客类HTML5模板全球[VPS测评]
- HostHatch：1核/2GB/20GB空间/KVM/香港/洛杉矶/纽虚拟空间(主机)
- 奶兔云：便宜香港VPS,香港CN2 VPS低至21元/月,香港CN2线路香港VPS[主机]
- 缓解云计算人才焦渴，苏州工业园区用三年引得源头活水来全球[VPS测评]
- 数据中心助力光纤光缆行业发展全球[VPS测评]
- 华纳云双十一钜惠活动：香港美国云服务器低至3.5折美国VPS[主机]
- 中概股扫描网传拼多多正筹备跨境电商平台首站登陆美国美国VPS[主机]
- 56云服务器怎么样?56云服务器价格和优势是什么?全球[VPS测评]
- 腾讯云秒杀活动：1核/2G/上海&北京,年付99元全球[VPS测评]
- 百纵科技：美国洛杉矶云主机4核8G大带宽仅799元/月;圣何塞vps,1美国VPS[主机]
- 95IDC ：香港vps优惠活动,1核2G月付折后25元;香港物理机低至香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-208381.html