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
- VmShell:香港CMI线路300MBps,KVM架构vps,年付免费 香港VPS[主机]
- WHMCS 8.1如何简化注册页面 全球[VPS测评]
- 云服务器能干什么?有几十种玩法?阿里云,腾讯云服务器如何购买? 全球[VPS测评]
- 牛信云入选艾瑞《2022年中国跨境电商服务行业趋势报告》典型厂商 全球[VPS测评]
- 1分钟快速读懂云计算 全球[VPS测评]
- CubeCloud,靠谱的香港cn2vps,美国cn2终身九折,原生IP 美国VPS[主机]
- 九零云怎么样?香港将军澳VPS,美国圣何塞VPS 2核1G10M 47/ 美国VPS[主机]
- 微基主机:1核1G香港云服务器,100Mbps/香港CN2直连/KVM/ 香港VPS[主机]
- RFCHost:1核1G洛杉矶vps/15GB空间/1TB流量/KVM/ 虚拟空间(主机)
- 创e云:香港CN2VPS优惠专区,4核/4G/20G/2Mbps不限流量 香港VPS[主机]
- 奶兔云:便宜香港VPS,香港CN2 VPS低至21元/月,香港CN2线路 香港VPS[主机]
- 瓜云互联:香港CN2/美国洛杉矶高防vps优惠促销,预充款最高送300元 美国VPS[主机]
- Hostkvm:香港/韩国CN2云服务器 大带宽VPS 2核4G,$7. 韩国VPS[主机]
- 情画数据:香港沙田CN2云服务器,2核/2G/5M带宽,年付200元 香港VPS[主机]
- 德斯拉科技:香港物理机900元/月,香港VPS/E5CPU,88元起,美 美国VPS[主机]
- 米上云:免备案香港云服务器,全场75折优惠码,香港高防vps月付23元起 香港VPS[主机]
- 糖果主机(sugarhosts):春季优惠,云服务器/云vps/虚拟主机 全球[VPS测评]
- 桔子数据:1核/1G/50Mbps/洛杉矶CUVIP线路/首月14元;香 香港VPS[主机]
- 啤啤云:美国圣何塞vps低至30元/月;香港cn2vps仅43元/月起 美国VPS[主机]
- VoLLCloud:香港200Mbps不限速大宽带VPS,免费vps领取 香港VPS[主机]
- 柚子互联:香港CN2云服务器/天机盾防护/带宽5M,34元/月 香港VPS[主机]
- Linx宝塔面板nginx禁止ip访问(防恶意解析)教程 全球[VPS测评]
- MineServer:香港CMI云服务器,1核/512MB/10GB空间 虚拟空间(主机)
- 漂亮的Css3响应侧边栏菜单,动画风格侧边栏导航菜单样式 全球[VPS测评]
- Linux系统下安装Java JDK 全球[VPS测评]
- 适合美容院的正能量抖音文案,唯美阳光,正能量满满 全球[VPS测评]
- 快速云:云服务器vps的区别是什么云服务器和vps哪个比较好2022-0 全球[VPS测评]
- MoonVM,香港HKT家宽VPS服务器,动态IP一键切换,1G带宽任意 香港VPS[主机]
- 奇维云优惠活动:香港CN21核1G1M带宽云服务器免费领取 香港VPS[主机]
- 咖啡主机:美国高防vps、香港vps 可享受6-7折促销 每月仅需14元 美国VPS[主机]
转载请注明原文地址: http://140.238.13.167:12355/read-220309.html











