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 相关文章推荐
fromCharCode和charCodeAt 方法
Dec 27 Javascript
jquery.post用法关于type设置问题补充
Jan 03 Javascript
javascript 获取函数形参个数
Jul 31 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 Javascript
jQuery向webApi提交post json数据
Jan 16 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
Jul 24 Javascript
深入浅析Vue.js中 computed和methods不同机制
Mar 22 Javascript
ES6 更易于继承的类语法的使用
Feb 11 Javascript
JS中如何轻松遍历对象属性的方式总结
Aug 06 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
Dec 12 Javascript
使用 UniApp 实现小程序的微信登录功能
Jun 09 Javascript
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
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定时任务延缓执行的实现
2014/10/08 PHP
php相对当前文件include其它文件的方法
2015/03/13 PHP
PHP输出日历表代码实例
2015/03/27 PHP
PHP+Mysql+jQuery实现发布微博程序 php篇
2015/10/15 PHP
PHP封装的数据库保存session功能类
2016/07/11 PHP
[原创]PHP实现SQL语句格式化功能的方法
2017/07/28 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
Javascript技术技巧大全(五)
2007/01/22 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
2016/03/30 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
2017/01/10 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
JS实现队列的先进先出功能示例
2017/05/10 Javascript
完美实现js拖拽效果 return false用法详解
2017/07/28 Javascript
Scala解析Json字符串的实例详解
2017/10/11 Javascript
vuex的简单使用教程
2018/02/02 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
2018/07/04 Javascript
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
javascript删除数组元素的七个方法示例
2019/09/09 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
2020/04/20 Javascript
深入浅析Python中的yield关键字
2018/01/24 Python
Python 实现Windows开机运行某软件的方法
2018/10/14 Python
Python实现结构体代码实例
2020/02/10 Python
Ubuntu权限不足无法创建文件夹解决方案
2020/11/14 Python
python3.9和pycharm的安装教程并创建简单项目的步骤
2021/02/03 Python
乐高西班牙官方商店:LEGO Shop ES
2019/12/01 全球购物
工商学院毕业生自荐信
2013/11/12 职场文书
红旗方阵解说词
2014/02/12 职场文书
现金出纳岗位职责
2014/03/15 职场文书
个人安全生产责任书
2014/07/28 职场文书
2014国庆节幼儿园亲子活动方案
2014/09/16 职场文书
单位租房协议书范本
2014/12/04 职场文书
2015年教师工作总结范文
2015/03/31 职场文书
教师廉政准则心得体会
2016/01/20 职场文书
2016优秀毕业生个人事迹材料
2016/02/29 职场文书
「偶像大师 MILLION LIVE!」七尾百合子手办开订
2022/03/21 日漫