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 14 元起 美国 CERA VPS 18.8 元 月 咖啡美国VPS[主机]
- 优惠 $7.98 半年 512M 内存 10G 硬盘 1T 流量@1Gb全球[VPS测评]
- HKServerSolution→299 元 月 2G 内存 20GB 虚拟空间(主机)
- KTS24→€2.5 月 4G 内存 25GB SSD 空间 5TB 流虚拟空间(主机)
- 极光 KVM→国庆促销 三网 CN2 GIA 包年 199.8 元 年 全球[VPS测评]
- 推荐 傲游主机→德国 CN2 GIA 线路 KVM 构架 VPS 上线 WINDOWS
- 搬瓦工 cn2 gia 补货啦！10Gbps GIA 大带宽,2 核 1全球[VPS测评]
- 蓝米云→29 元 月 1GB 内存 40GB SSD 空间 不限流量 1虚拟空间(主机)
- 恒创科技2020 跨年盛典！香港服务器全场低至 5 折 续费即赠额外时长香港VPS[主机]
- tudcloud→$8.3 月 KVM-2GB 10G SSD 3M 无香港VPS[主机]
- git push 提示 error: unable to rewind 全球[VPS测评]
- 便宜 $0.4 首月 2G 内存 20G 硬盘 2T 流量@100Mbp全球[VPS测评]
- WordPress代码实现自动为文章中的图片添加alt、title属性全球[VPS测评]
- WordPress插件：mk-sitemap实现网站地图全球[VPS测评]
- PorkBun新顶级域名注册促销优惠 .xyz首年1美元.info1.9全球[VPS测评]
- 通过whos.amung.us实时统计WordPress博客在线人数全球[VPS测评]
- Cloud MN 蒙古国VPS 测评记录(11$1Gbps)全球[VPS测评]
- 中概股扫描网传拼多多正筹备跨境电商平台首站登陆美国美国VPS[主机]
- 再“掷”53亿元 宜家能否挽回中国消费者全球[VPS测评]
- 极客主机,优惠8折充值返25%,香港CN2VPS,日本软银VPS,新加坡日本VPS[主机]
- 老六云怎么样?香港cn2vps月付23元香港NTT月付9.9元香港VPS[主机]
- 狗云DogYun,香港cn2云服务器/优惠码/流量包,按小时计费云服务器香港VPS[主机]
- Ubuntu关机命令是什么?Ubuntu关机命令介绍全球[VPS测评]
- 私有云架设之优选拓普龙S465-24高密度存储服务器机箱评测解析全球[VPS测评]
- 金斗云双12活动：全场8折起，美国圣何塞CN2 GIA高防VPS20元/美国VPS[主机]
- 咖啡主机：美国高防vps、香港vps 可享受6-7折促销 每月仅需14元美国VPS[主机]
- CubeCloud,靠谱的香港cn2vps,美国cn2终身九折,原生IP美国VPS[主机]
- 明恒互联：双旦同庆活动开启,100G国内高防云售价116元/月,香港云主香港VPS[主机]
- 跨境电商洋码头生死攸关：买手流失资金被冻结保全全球[VPS测评]
- 百家云服务器怎么样?免备案香港云服务器、即开即用香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-214305.html