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
- stsdust 杭州联通大带宽 nat 预售二期,便宜国内大带宽 nat全球[VPS测评]
- 2020 年搬瓦工 CN2 GT 网络最新测评,搬瓦工 DC8 机房 C全球[VPS测评]
- hkserversolution→2.3 折优惠 美国原生 IP 解锁“美国VPS[主机]
- Vultr 推出 Object Storage 对象存储 250G 空间虚拟空间(主机)
- mysqldump: Got error: 1044: ***when 全球[VPS测评]
- CentOS7 安装 Docker 教程全球[VPS测评]
- 疯狂猜成语 图猜成语一个人气喘吁吁的在说话是什么成语？全球[VPS测评]
- raksmart 日本 cn2+软银服务器带宽速度及综合性能测评,rak日本VPS[主机]
- Moack.co.kr→39 美元韩国独立服务器每日限量抢独立服务器[U]
- 便宜域名 腾讯云→23 元可以购买 10 年的 XYZ 域名全球[VPS测评]
- Chrome 浏览器关闭下载另存为改为静默(直接)下载的方法全球[VPS测评]
- 疯狂猜成语 图猜成语一条河一座山一个砺字是什么成语？全球[VPS测评]
- ThinkPHP5 路由别名无效的问题全球[VPS测评]
- 限量特价 $1.49 每月 256M 内存 10G 硬盘 1T 流量 洛全球[VPS测评]
- DediPath→VPS 全场 5 折 Hybrid Servers 全全球[VPS测评]
- CI 框架提示 Undefined property: XXX::$db全球[VPS测评]
- 商家投稿 LOCVPS→新加坡机器终身七折优惠 全场八折优惠 线路好 速全球[VPS测评]
- 腾讯云秒杀→AMD 云服务器年付 88 元起 2C4G3M 年付 368全球[VPS测评]
- HostoWeb → 8.5$ 月 摩洛哥 1核256Mb内存10G硬盘全球[VPS测评]
- Visual-idea 美国洛杉矶VPS 测试 2.92$月付 Leve美国VPS[主机]
- 6种样式社交论坛网站HTML5模板 - Social全球[VPS测评]
- 个人如何做跨境电商？全球[VPS测评]
- 云计算的三种服务模式，SaaS和PaaS的区别在哪里？全球[VPS测评]
- UCloud促销：快杰云主机52元/年起,可选台湾(台北)/香港/北京/香港VPS[主机]
- 无忧云：雅安/德阳100G高防云主机月付78元起，香港CN2云服务器月付香港VPS[主机]
- 亿恩科技香港云服务器 2核2G服务器特价700元/年香港VPS[主机]
- 速云互联：香港/美国CN2 GIA线路/BGP/10Mbps/全场八折,美国VPS[主机]
- 傲游主机：香港CN2高防云主机8折158元/月起(最高50G防御/2核2香港VPS[主机]
- 汇速云：香港沙田CN2云主机,2核CPU带宽1M月付6元,2核2M带宽月香港VPS[主机]
- 香港的云服务器值得租用吗？有什么好处？香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-202539.html