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
- V5.NET:香港/美国云服务器7折月付42港元起;香港物理服务器月付3 美国VPS[主机]
- 柚子互联:香港CN2云服务器/带宽5M/500G流量/KVM,34元/月 香港VPS[主机]
- WHMCS 8.1如何简化注册页面 全球[VPS测评]
- 快速云:怎么连接vps?VPS的用途有哪些? 全球[VPS测评]
- 2022年有哪些顶级托管服务提供商 全球[VPS测评]
- 向日葵-漏洞科普:海外云服务器三种漏洞修复方法快收藏起来! 全球[VPS测评]
- 跨境电商洋码头生死攸关:买手流失资金被冻结保全 全球[VPS测评]
- 亚当云怎么样?香港安畅cn2vps带宽10M月付28元 香港VPS[主机]
- 恒创科技怎么样?香港美国云服务器/独服/高防全场2.5折起 美国VPS[主机]
- CMCUCT:2核2GB/20GB香港ntt线路vps 6TB流量/1G 香港VPS[主机]
- 蓝米云:美国cera vps/香港cn2vps套餐,1核2G/40G/1 美国VPS[主机]
- 硅云服务器拼团活动:香港云服务器1核1G,拼团价仅98元/年 香港VPS[主机]
- EdgeNat双十二优惠:韩国/香港/美国全场VPS年付,2核2G2M仅 韩国VPS[主机]
- 汇速云:香港沙田CN2云主机,2核CPU带宽1M月付6元,2核2M带宽月 香港VPS[主机]
- 酷锐云元旦促销活动:香港CN2/美国CN2高防vps月付20元起/美国原 美国VPS[主机]
- 快云科技:香港CN2 GIA云服务器,全场7折终身优惠,带宽20M,20 香港VPS[主机]
- ucloud云服务器全球购:香港/韩国/日本/台湾/越南/泰国服务器最低 日本VPS[主机]
- 众创逸云:清明促销,香港沙田/安畅vps前两月半价;美国CERA首月半价 美国VPS[主机]
- 特网云:高防香港云主机/CN2/真实防御/30G高防御/金盾防护无视CC 香港VPS[主机]
- 快快数据测评:香港CN2云服务器,2核/1G/5M带宽,低至24元/月 香港VPS[主机]
- 易探云:香港bgp服务器1核1G5M带宽/10G数据盘,首月19元 香港VPS[主机]
- 云服务器都是有哪些特点? 全球[VPS测评]
- 跨境贸易和跨境电商的三大区别简单分析 全球[VPS测评]
- 云计算的三种服务模式,SaaS和PaaS的区别在哪里? 全球[VPS测评]
- 福州职业技术学院获得世界职业院校技能大赛云计算赛项银牌 全球[VPS测评]
- 狗云DogYun,香港cn2云服务器/优惠码/流量包,按小时计费云服务器 香港VPS[主机]
- tudcloud,香港沙田大带宽vps特惠7折,CN2+BGP直连,10 香港VPS[主机]
- hostkvm怎么样?香港云vps 带宽30M 月付6美元 香港VPS[主机]
- UOVZ怎么样?香港30M大带宽VPS 直连线路月付50元 香港VPS[主机]
- tudcloud:全场7折,香港不限流量VPS,Windows系统,Li WINDOWS
转载请注明原文地址: http://140.238.13.167:12355/read-205447.html











