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 相关文章推荐
Prototype 学习 Prototype对象
Jul 12 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
Nov 08 Javascript
JS定义回车事件(实现代码)
Jul 08 Javascript
2014 HTML5/CSS3热门动画特效TOP10
Dec 07 Javascript
angular+ionic 的app上拉加载更新数据实现方法
Jan 16 Javascript
Ionic + Angular.js实现图片轮播的方法示例
May 21 Javascript
详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用
Aug 23 Javascript
vue2.0 datepicker使用方法
Feb 04 Javascript
layui的layedit富文本赋值方法
Sep 18 Javascript
js实现左右轮播图
Jan 09 Javascript
微信小程序选择图片控件
Jan 19 Javascript
vue3.0 项目搭建和使用流程
Mar 04 Vue.js
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/10/09 PHP
PHP学习 运算符与运算符优先级
2008/06/15 PHP
thinkphp使用literal防止模板标签被解析的方法
2014/11/22 PHP
浅谈PHP接收POST数据方式
2015/06/05 PHP
常用PHP数组排序函数归纳
2016/08/08 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
PHP常用字符串函数用法实例总结
2020/06/04 PHP
jQuery动画效果animate和scrollTop结合使用实例
2014/04/02 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
js实现input框文字动态变换显示效果
2015/08/19 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
2016/04/06 Javascript
javascript判断图片是否加载完成的方法推荐
2016/05/13 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
2017/04/11 jQuery
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
关于vue中的ajax请求和axios包问题
2018/04/19 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
2018/08/29 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
2019/08/20 Javascript
vantUI 获得piker选中值的自定义ID操作
2020/11/04 Javascript
[01:17:47]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python中shutil模块的学习笔记教程
2017/04/04 Python
Request的中断和ErrorHandler实例解析
2018/02/12 Python
在Python中使用Neo4j的方法
2019/03/14 Python
简单了解python关系(比较)运算符
2019/07/08 Python
python 使用事件对象asyncio.Event来同步协程的操作
2020/05/04 Python
Selenium自动化测试工具使用方法汇总
2020/06/12 Python
Python 中Operator模块的使用
2021/01/30 Python
Python环境搭建过程从安装到Hello World
2021/02/05 Python
pytorch 把图片数据转化成tensor的操作
2021/03/04 Python
澳大利亚最大的网上油画销售画廊:Direct Art Australia
2018/04/15 全球购物
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
领导检查欢迎词
2014/01/14 职场文书
公司租房协议书
2014/10/14 职场文书
利用For循环遍历Python字典的三种方法实例
2022/03/25 Python