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 空间被封如何填写申诉解封？虚拟空间(主机)
- php 将秒数转换为小时数全球[VPS测评]
- 超兽 VPS→120 元 年 1GB 内存 10GB 空间 100GB 虚拟空间(主机)
- RackForest→$6 月 1GB 内存 20GB SSD 空间 2虚拟空间(主机)
- 阿里云企业云产品三折起→云服务器 2 核 8G6M 1645 元 3 年全球[VPS测评]
- 优惠 Digital-VM→7 折优惠 日本机房 10Gbps 大带宽不日本VPS[主机]
- 价格过高-Wired Blade→$5 月 2GB 内存 20GB NV虚拟空间(主机)
- GigsGigsCloud→$88 年 500MB 内存 10GB SS虚拟空间(主机)
- OneVPS→$3.75 月 512MB 内存 20GB SSD 空间 虚拟空间(主机)
- 优惠 MoeCloud→美国原生 IP CN2 GIA 线路 可看奈飞 美国VPS[主机]
- 手字下面有个天是什么成语？全球[VPS测评]
- HostKvm 双节促销 全场8折 新上架韩国VPS plan2/Pla韩国VPS[主机]
- 百度搜索将打击网站搜索内容需获取权限才能查看的情况全球[VPS测评]
- edgenat春节特惠 香港cn2/韩国cn2/洛杉矶高防cn2 月付七韩国VPS[主机]
- WordPress插件：nix-gravatar-cache汉化版实现G全球[VPS测评]
- [优惠]CloudCone 1810 闪购全球[VPS测评]
- 74块钱一年的云服务器可以用来做什么？全球[VPS测评]
- 147SEO采集器 CSS选择器写法案例全球[VPS测评]
- 瓜云互联怎么样?香港/美国洛杉矶CN2高防vps 50G月付34元美国VPS[主机]
- 好朋友51WORLD启动“地球克隆计划5”，我要去元宇宙参加了全球[VPS测评]
- 无忧云,香港VPS全线5折促销,四川高防服务器/大连BGP/德阳高防/深香港VPS[主机]
- CMIVPS,香港vps终身八折$7.76/月起,1核1G内存,香港沙田香港VPS[主机]
- 74块钱一年的云服务器可以用来做什么？全球[VPS测评]
- 磐逸云：深圳/大连/成都/香港机房vps,1核1G3M仅26元/月,65香港VPS[主机]
- PQhosting：香港HE/乌克兰/俄罗斯/荷兰/摩尔多瓦vps主机/香港VPS[主机]
- 酷锐云：元旦钜惠_美国CN2VPS低至20元/月_1核2G香港云主机低至美国VPS[主机]
- 七安云怎么样?香港CN2+BGP线路VPS 1核1G10M 16/月香港VPS[主机]
- 咖啡主机：香港云服务器15.6元/月(季付);美西1G云服务器16.8元香港VPS[主机]
- 56云服务器怎么样?56云免备案香港云服务器价格多少钱?香港VPS[主机]
- 者也IO,香港日本美国云服务器促销,2核2G1000元/2年,7折+内存日本VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-211333.html