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
- 香港云服务器怎么选?云服务器性能测评对比 香港VPS[主机]
- 适合美容院的正能量抖音文案,唯美阳光,正能量满满 全球[VPS测评]
- 再“掷”53亿元 宜家能否挽回中国消费者 全球[VPS测评]
- 晚点独家丨拼多多9月上线跨境电商平台,首站美国 美国VPS[主机]
- 拼多多也要做跨境电商?出海之路能一帆风顺吗,了解一下 全球[VPS测评]
- 亿恩科技香港云服务器 2核2G服务器特价700元/年 香港VPS[主机]
- 磐逸云怎么样?CN2线路香港VPS月付20元 香港VPS[主机]
- CMCUCT:2核2GB/20GB香港ntt线路vps 6TB流量/1G 香港VPS[主机]
- 恒创科技:国庆中秋双节同庆,香港1核2G云服务器,年付378元 香港VPS[主机]
- 空空云怎么样?香港CN2-GIA VPS,带宽2M,月付15元 香港VPS[主机]
- 轻云互联,香港美国vps终身8.8折17元/月起,cn2直连线路,50G 美国VPS[主机]
- 宝塔面板在香港服务器安装启动不了nginx怎么办? 香港VPS[主机]
- 蓝米云:美国cera vps/香港cn2vps套餐,1核2G/40G/1 美国VPS[主机]
- 互盟云怎么样?1核2G云服务器仅468元/年,香港云主机58元/月 香港VPS[主机]
- 腾讯云秒杀活动:1核/2G/上海&北京,年付99元 全球[VPS测评]
- 景文互联年终活动:云服务器7折,多送2G内存,香港cn2\\日本cn2\ 日本VPS[主机]
- 弘速科技:香港安畅CN2 GIA/弹性云服务器10元/月,2核1GB/2 香港VPS[主机]
- 酷锐云元旦钜惠:大量香港/美国vps优惠码,香港1核2G云主机仅20元/ 美国VPS[主机]
- 腾讯云海外服务器优惠活动:全球购1核2G美国云服务器低至318元/年 美国VPS[主机]
- SugarHosts糖果主机:虚拟主机5折(有独立IP);香港/美国cn 独立服务器[U]
- 尊云:河南BGP云服务器2核4G仅68.6元/月,823.2元/年;香港 香港VPS[主机]
- 咖啡主机:香港1G:15.6元/月(季付),美西1G:16.8元/月(季 香港VPS[主机]
- MineServer:香港cn2/日本cn2云服务器,2核/2G/35G 虚拟空间(主机)
- VoLLCloud:亚太地区香港200M/VPS月付低至3$,年付全场5 香港VPS[主机]
- 长三角地区的算力需求规模到底有多大? 全球[VPS测评]
- 什么是linux面板?常见的Linux控制面板有哪些? 全球[VPS测评]
- Linux系统下安装Java JDK 全球[VPS测评]
- 因搜包耽误员工下班,苹果将支付3050万美元赔款 全球[VPS测评]
- 跨境电商有哪些平台?十大跨境电商平台! 全球[VPS测评]
- 云计算拯救互联网巨头:谁抢跑,谁追赶? 全球[VPS测评]
转载请注明原文地址: http://140.238.13.167:12355/read-217297.html











