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 相关文章推荐
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
Feb 22 Javascript
使用jQuery validate 验证注册表单实例演示
Mar 25 Javascript
js报$ is not a function 的问题的解决方法
Jan 20 Javascript
JS的location.href跳出框架打开新页面的方法
Sep 04 Javascript
javascript创建对象、对象继承的实用方式详解
Mar 08 Javascript
JS去除空格和换行的正则表达式(推荐)
Jun 14 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
Mar 21 Javascript
原生js封装自定义滚动条
Mar 24 Javascript
浅谈Angular路由守卫
Aug 26 Javascript
jQuery实现的点击标题文字切换字体效果示例【测试可用】
Apr 26 jQuery
JS实现动态添加外部js、css到head标签的方法
Jun 05 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
一个PHP模板,主要想体现一下思路
2006/12/25 PHP
php获取用户IPv4或IPv6地址的代码
2012/11/15 PHP
PHP函数preg_match_all正则表达式的基本使用详细解析
2013/08/31 PHP
php获取bing每日壁纸示例分享
2014/02/25 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
用jquery实现点击栏目背景色改变
2012/12/10 Javascript
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
2014/04/25 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
2016/01/26 Javascript
详解JavaScript表单验证(E-mail 验证)
2016/03/31 Javascript
Vue.js学习之过滤器详解
2017/01/22 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
VUE元素的隐藏和显示(v-show指令)
2017/06/23 Javascript
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
2018/05/16 Javascript
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
JS 实现微信扫一扫功能
2018/09/14 Javascript
你应该了解的JavaScript Array.map()五种用途小结
2018/11/14 Javascript
JavaScript 禁止用户保存图片的实现代码
2020/04/28 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
关于uniApp editor微信滑动问题
2021/01/15 Javascript
Python多进程机制实例详解
2015/07/02 Python
Python删除Java源文件中全部注释的实现方法
2017/08/30 Python
基于Python pip用国内镜像下载的方法
2018/06/12 Python
Python实现搜索算法的实例代码
2020/01/02 Python
python Shapely使用指南详解
2020/02/18 Python
苹果音乐订阅:Apple Music
2018/08/02 全球购物
大学生党员自我批评
2014/02/14 职场文书
乡村文明行动实施方案
2014/03/29 职场文书
省级青年文明号申报材料
2014/05/23 职场文书
学生会竞选演讲稿怎么写
2014/08/26 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
读《人生的智慧》有感:闲暇是人生的精华
2019/12/25 职场文书
JavaScript数组reduce()方法的语法与实例解析
2021/07/07 Javascript
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript