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 相关文章推荐
js实现iframe动态调整高度的代码
Jan 06 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
动态加载js文件简单示例
Apr 21 Javascript
正则表达式,替换所有HTML标签的简单实例
Nov 28 Javascript
浅谈Node.js:fs文件系统模块
Dec 08 Javascript
遍历json获得数据的几种方法小结
Jan 21 Javascript
详谈构造函数加括号与不加括号的区别
Oct 26 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
Nov 28 Javascript
微信小程序使用form表单获取输入框数据的实例代码
May 17 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
May 07 Javascript
layui table复选框禁止某几条勾选的实例
Sep 20 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
Sep 26 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 XML和数组互相转换详解
2016/10/26 PHP
才发现的超链接js导致网页中GIF动画停止的解决方法
2007/11/02 Javascript
js中top的作用深入剖析
2014/03/04 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
浅谈重写window对象的方法
2014/12/29 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
2015/11/24 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
JavaScript实战之菜单特效
2016/08/16 Javascript
浅谈Webpack打包优化技巧
2018/06/12 Javascript
微信小程序倒计时功能实例代码
2018/07/17 Javascript
Python的IDEL增加清屏功能实例
2017/06/19 Python
关于Python中空格字符串处理的技巧总结
2017/08/10 Python
在Pycharm中将pyinstaller加入External Tools的方法
2019/01/16 Python
详解Python使用Plotly绘图工具,绘制甘特图
2019/04/02 Python
Python3 批量扫描端口的例子
2019/07/25 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
python每5分钟从kafka中提取数据的例子
2019/12/23 Python
Python基于DB-API操作MySQL数据库过程解析
2020/04/23 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
CSS3 实用技巧:实现黑白图像效果示例代码
2013/07/11 HTML / CSS
详解HTML5 Canvas绘制时指定颜色与透明度的方法
2016/03/25 HTML / CSS
英超联赛的首选足球:Mitre足球
2019/05/06 全球购物
网上常见的一份Linux面试题(多项选择部分)
2014/09/09 面试题
进步之星获奖感言
2014/02/22 职场文书
小学生倡议书范文
2014/05/13 职场文书
省级优秀班集体申报材料
2014/05/25 职场文书
幼儿园安全生产月活动总结
2014/07/05 职场文书
停车场管理协议书范本
2014/10/08 职场文书
乡镇一岗双责责任书
2015/01/29 职场文书
好好学习保证书
2015/02/26 职场文书
单位考核鉴定意见
2015/06/05 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
Python机器学习之KNN近邻算法
2021/05/14 Python
Go语言基础知识点介绍
2021/07/04 Golang
详解redis在微服务领域的贡献
2021/10/16 Redis