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
- 快快数据:香港CN2 VPS(5M不限流量),24元/月;美国BGP V 美国VPS[主机]
- jquery css3实现的进度条动画特效,带加载进度条百分比动态效果。 全球[VPS测评]
- wordpress 上传附件报错 “抱歉,出于安全的考虑,不支持此文件类 全球[VPS测评]
- 又有美议员窜访台,中国驻美大使馆:“中方将对美国的挑衅采取果断的反制措施 美国VPS[主机]
- 香港云服务器怎么选?云服务器性能测评对比 香港VPS[主机]
- 创意IT服务公司主页网站模板 - Softets 全球[VPS测评]
- wikihost,微基主机服务,100M带宽香港tudcloud,5G防 香港VPS[主机]
- 搬瓦工:美国香港cn2 gia线路VPS,10Gbps带宽,移动+联通企 美国VPS[主机]
- UCloud海外云服务器促销:全场1折起,香港cn2vps最低年付150 香港VPS[主机]
- 恒创主机优惠码85折_服务器优惠券8折_恒创科技优惠_代金券 全球[VPS测评]
- 六六云:1核1GB/15GB空间/1T流量/100Mbps/KVM/香港 虚拟空间(主机)
- 阿里云香港服务器价格优惠:老用户香港2核4G3M云服务器仅1181.5元 香港VPS[主机]
- 优网主机怎么样?香港云主机/美国云主机价格低至19元/月 美国VPS[主机]
- 一个纯CSS ToolTip提示工具组件,鼠标悬停的时候会出现气泡文字提 全球[VPS测评]
- 热网互联:香港/日本云服务器2核4G低至104元/月_青岛/日本独立服务 独立服务器[U]
- 华纳云新春活动:香港CN2云服务器4核4G5M仅3476元/3年;美国云 美国VPS[主机]
- 绮风云:香港云服务器低至9.9元/月起,深圳/北京/内蒙古vps,63. 香港VPS[主机]
- DMIT:香港CN2 GIA VPS,1核/750M内存/10G硬盘/4 香港VPS[主机]
- LiCloud:香港CN2线路云服务器,100Mbps大带宽,6折优惠中 香港VPS[主机]
- 为什么大家都选择香港服务器建站 香港VPS[主机]
- 八成企业看好出海投资 防止“溺水”需重视这一点 全球[VPS测评]
- 云服务器能干什么?有几十种玩法?阿里云,腾讯云服务器如何购买? 全球[VPS测评]
- 香港云服务器怎么选?云服务器性能测评对比 香港VPS[主机]
- 适合美容院的正能量抖音文案,唯美阳光,正能量满满 全球[VPS测评]
- 中行升级服务力促跨境电商发展 全球[VPS测评]
- 跨境电商拔节生长关键期,宁波政协委员月谈会精准助力! 全球[VPS测评]
- HostKVM香港云地VPS,2核4G内存折后$8.4/月,30M大带宽 香港VPS[主机]
- 香港vps免费:青云互联,1核1G/50G硬盘/500GB流量/2M带宽 香港VPS[主机]
- SugarHosts,美国云服务器,洛杉矶cn2中美极速专线,香港建站服 美国VPS[主机]
- YYYHost:4核4G香港cn2vps,20G SSD/3Mbps不限 香港VPS[主机]
转载请注明原文地址: http://140.238.13.167:12355/read-211333.html











