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 相关文章推荐
jquery可见性过滤选择器使用示例
Jun 24 Javascript
jquery中animate动画积累的解决方法
Oct 05 Javascript
JavaScript通过代码调用Flash显示的方法
Feb 02 Javascript
微信小程序  简单实例(阅读器)的实例开发
Sep 29 Javascript
基于jQuery实现咖啡订单管理简单应用
Feb 10 Javascript
JS实现css hover操作的方法示例
Apr 07 Javascript
详解用webpack2搭建angular2的项目
Jun 22 Javascript
js使用highlight.js高亮你的代码
Aug 18 Javascript
Vue代码分割懒加载的实现方法
Nov 23 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
Sep 30 Javascript
微信小程序picker组件两列关联使用方式
Oct 27 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从5.3.28升级到5.3.29时Nginx出现502错误
2015/05/09 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
PHP 多任务秒级定时器的实现方法
2018/05/13 PHP
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
2012/08/14 Javascript
关于jquery.validate1.9.0前台验证的使用介绍
2013/04/26 Javascript
javascript break指定标签打破多层循环示例
2014/01/20 Javascript
jQuery遍历之next()、nextAll()方法使用实例
2014/11/08 Javascript
JavaScript中使用Object.create()创建对象介绍
2014/12/30 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
详解JavaScript正则表达式之RegExp对象
2015/12/13 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
基于vue.js实现图片轮播效果
2016/12/01 Javascript
javascript 闭包详解及简单实例应用
2016/12/31 Javascript
React中ES5与ES6写法的区别总结
2017/04/21 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
2017/07/17 jQuery
使用classList来实现两个按钮样式的切换方法
2018/01/24 Javascript
Node批量爬取头条视频并保存方法
2018/09/20 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
2018/10/25 Javascript
微信小程序实现蒙版弹出窗功能
2019/09/17 Javascript
JS实现横向跑马灯效果代码
2020/04/20 Javascript
[09:31]2016国际邀请赛中国区预选赛Yao赛后采访 答题送礼
2016/06/27 DOTA
[49:59]KG vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python制作爬虫抓取美女图
2016/01/20 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
速记Python布尔值
2017/11/09 Python
Python实现破解12306图片验证码的方法分析
2017/12/29 Python
如何使用VSCode愉快的写Python于调试配置步骤
2018/04/06 Python
python读写csv文件并增加行列的实例代码
2019/08/01 Python
Django查询优化及ajax编码格式原理解析
2020/03/25 Python
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
机电专业毕业生推荐信
2013/11/10 职场文书
《要下雨了》教学反思
2014/02/17 职场文书
金融管理应届生求职信
2014/02/20 职场文书
实习单位推荐信
2015/03/27 职场文书
PHP 对接美团大众点评团购券(门票)的开发步骤
2021/04/03 PHP