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
- qq 截图不能截当前 qq 页面怎么办？为什么 qq 截图时截不到自己的全球[VPS测评]
- 香港直连 ￥432 年 2 内存 30G 硬盘 300G 流量 30Mb香港VPS[主机]
- 开心果 app 0 撸实物。全球[VPS测评]
- wordpress 修改默认分页条数的方法全球[VPS测评]
- SoYouStart - Summer Deals 独立服务器夏季促销独立服务器[U]
- 阿里云服务器拼团 低至 1.5 折起 2 核 1G 云服务器低至 148全球[VPS测评]
- 百度统计是否会影响博客在百度的优化排名？全球[VPS测评]
- WordPress站内链接修改插件：Velvet Blues Updat全球[VPS测评]
- JustVPS 新加披云服务器促销，首年优惠，年付$37.35起全球[VPS测评]
- RackNerd圣诞节1.5g内存20g硬盘2.5T大流量年付仅16.8全球[VPS测评]
- WordPress 常用的自定义文字广告、图片广告代码全球[VPS测评]
- 纯代码实现WordPress评论显示访客UA和地理信息全球[VPS测评]
- 主机推荐：WOPUS IDC 也许是最靠谱的虚拟主机全球[VPS测评]
- inception-英国-5欧 年nat-测评全球[VPS测评]
- DMIT.io 香港VPS CVM N3系列香港VPS[主机]
- CrownCloud -512M内存 1000G HDD 6T流量 1G全球[VPS测评]
- 外贸无界烟台市有多少跨境电商？烟台跨境电商开发平台，烟台跨境电商选品全球[VPS测评]
- 8K超高清记录中国空间站凌月：天和核心舱与问天实验舱组成“土”字结构虚拟空间(主机)
- 手帕云,便宜小带宽香港CN2 VPS,集群10G防御,双向CN2直连,仅香港VPS[主机]
- 麻花云：香港CN2VPS月付19元起，安徽移动8核/16G/20M独服2香港VPS[主机]
- 2020畅行云双11活动：海内外云服务器超低1.5折,2核2G5M云主机全球[VPS测评]
- 亚马逊卖家与广告流量之间的博弈才刚刚开始？品牌卖家如何冲破广告之困...全球[VPS测评]
- 桔子数据怎么样?美国、香港CN2云服务器2核2G10M带宽仅480元/年美国VPS[主机]
- 桔子数据怎么样?美国、香港CN2云服务器2核2G10M带宽仅480元/年美国VPS[主机]
- 奶兔云：便宜香港VPS,香港CN2 VPS低至21元/月,香港CN2线路香港VPS[主机]
- SugarHosts糖果主机：虚拟主机5折(有独立IP);香港/美国cn独立服务器[U]
- CMCUCT：2核2GB/20GB香港ntt线路vps 6TB流量/1G香港VPS[主机]
- 快速云：科普云服务器服务器的概念和作用2022-08-2313：26来源全球[VPS测评]
- 云计算拯救互联网巨头？全球[VPS测评]
- 邢志宏：加快推动高质量建设跨境电商综试区起势成势全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-205447.html