BootStrap Table前台和后台分页对JSON格式的要求


Posted in Javascript onJune 28, 2017

Bootstrap是一款前端非常流行的框架,其中的表格更为大家经常使用。大家都知道表格的分页分为前台和后台分页,也就是表格配置中sidePagination属性,当sidePagination: "server"时表示后台分页,sidePagination: "client"为前台分页。前台分页主要适用于数据量不多的情况,当数据量较大时,一般使用后台分页,我们平时在项目中大多数使用后台分页。

近期做项目的时候,同事问了直接改变sidePagination: "client"时,为什么分页功能失效,页面无法展示json数据,随即简单写了一个例子一试,还真是如此。接着就问其他同事并在网上搜索相关技术文章,搜了好久好久,终于在临近下班的时候搜索到了一篇文章,原来bootstrap中的表格分页不管是前台还是后台都对json中的内容格式有要求。

前台分页:

sidePagination: "client",对应的json格式必须为:
[
  {
    "id":1,
    "name":"张三",
    "age":22
  },
  ...
]

后台分页:

sidePagination: "server",对应的json格式必须为:
{
   "total":20,
   "rows":[
        {
          "id":1,
          "name":"张三",
          "age":22
        },
       ...
    ]
}

以上所述是小编给大家介绍的BootStrap Table前台和后台分页对JSON格式的要求,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript 学习点滴记录
Apr 24 Javascript
javascript 变量作用域 代码分析
Jun 26 Javascript
javascript定时器完整实例
Feb 10 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
Dec 17 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
Jun 02 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
Jul 06 Javascript
Vue中封装input组件的实例详解
Oct 17 Javascript
JS返回顶部实例代码
Aug 09 Javascript
解决vue处理axios post请求传参的问题
Mar 05 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
Apr 12 Javascript
解决Nuxt使用axios跨域问题
Jul 06 Javascript
vue2项目使用sass的示例代码
Jun 28 #Javascript
微信小程序之网络请求简单封装实例详解
Jun 28 #Javascript
详解webpack+angular2开发环境搭建
Jun 28 #Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 #Javascript
AngularJS页面带参跳转及参数解析操作示例
Jun 28 #Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 #Javascript
JavaScript循环_动力节点Java学院整理
Jun 28 #Javascript
You might like
深入了解 register_globals (附register_globals=off 网站打不开的解决方法)
2012/06/27 PHP
PHP设计模式之责任链模式的深入解析
2013/06/13 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
PHP内置函数生成随机数实例
2019/01/18 PHP
PHP多进程简单实例小结
2019/11/09 PHP
使用Apache的rewrite
2021/03/09 Servers
[原创]js获取数组任意个不重复的随机数组元素
2010/03/15 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
基于javascript实现根据身份证号码识别性别和年龄
2016/01/22 Javascript
js中实现字符串和数组的相互转化详解
2016/01/24 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
2016/12/16 Javascript
JavaScript对象封装的简单实现方法(3种方法)
2017/01/03 Javascript
ES6数组的扩展详解
2017/04/25 Javascript
bootstrap datetimepicker控件位置异常的解决方法
2017/11/23 Javascript
教你如何用Node实现API的转发(某音乐)
2019/09/20 Javascript
关于layui flow loading占位图的实现方法
2019/09/21 Javascript
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
Python入门篇之面向对象
2014/10/20 Python
详解tensorflow实现迁移学习实例
2018/02/10 Python
python3使用QQ邮箱发送邮件
2020/05/20 Python
10个Python面试常问的问题(小结)
2019/11/20 Python
Python与C/C++的相互调用案例
2021/03/04 Python
调用HTML5的Canvas API绘制图形的快速入门指南
2016/06/17 HTML / CSS
土耳其时尚购物网站:Morhipo
2017/09/04 全球购物
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
万代美国官网:PREMIUM BANDAI USA
2020/09/11 全球购物
写演讲稿所需要注意的4个条件
2014/01/09 职场文书
学校安全管理责任书
2014/07/23 职场文书
教师年度考核个人总结
2015/02/12 职场文书
外贸英文求职信范文
2015/03/19 职场文书
运动会运动员赞词
2015/07/22 职场文书
签约仪式致辞
2015/07/30 职场文书
2015年库房管理工作总结
2015/10/14 职场文书
Python答题卡识别并给出分数的实现代码
2021/06/22 Python