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 表格隔行颜色
Dec 02 Javascript
一款js和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
May 17 Javascript
IE浏览器中图片onload事件无效的解决方法
Apr 29 Javascript
javascript中的return和闭包函数浅析
Jun 06 Javascript
JavaScript两个变量交换值的实现方法
Mar 01 Javascript
spring+angular实现导出excel的实现代码
Feb 27 Javascript
ES10 特性的完整指南小结
Mar 04 Javascript
layer扩展打开/关闭动画的方法
Sep 23 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
Ajax请求超时与网络异常处理图文详解
May 23 Javascript
JS前端使用canvas实现物体的点选示例
Aug 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使用function_exists判断函数可用的方法
2014/11/19 PHP
简单谈谈PHP面向对象之标识对象
2017/06/27 PHP
PHP安装BCMath扩展的方法
2019/02/13 PHP
PHP7.3.10编译安装教程
2019/10/08 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
javascript的事件描述
2006/09/08 Javascript
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
jquery 提交值不为空的元素示例代码
2013/05/10 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
jQuery修改class属性和CSS样式整理
2015/01/30 Javascript
js微信分享API
2020/10/11 Javascript
微信小程序进行微信支付的步骤昂述
2016/12/01 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
2020/04/18 Javascript
微信小程序 setData使用方法及常用错误解决办法
2017/05/11 Javascript
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
JS实现不用中间变量temp 实现两个变量值得交换方法
2018/02/04 Javascript
详解关于React-Router4.0跳转不置顶解决方案
2019/05/10 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
js实现贪吃蛇小游戏(加墙)
2020/07/31 Javascript
python3.4.3下逐行读入txt文本并去重的方法
2018/04/29 Python
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
详解程序意外中断自动重启shell脚本(以Python为例)
2019/07/26 Python
python禁用键鼠与提权代码实例
2019/08/16 Python
tensorflow转换ckpt为savermodel模型的实现
2020/05/25 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
python Tornado框架的使用示例
2020/10/19 Python
大二法学专业职业生涯规划范文
2014/02/12 职场文书
学校安全责任书
2014/04/14 职场文书
大学生找工作求职信
2014/07/09 职场文书
法制教育演讲稿
2014/09/10 职场文书
幼儿园六一主持词开场白
2015/05/28 职场文书
廉洁自律证明
2015/06/24 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
新学期感想
2015/08/10 职场文书
Pandas 数据编码的十种方法
2022/04/20 Python
Go语言怎么使用变长参数函数
2022/07/15 Golang