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 相关文章推荐
利用JavaScript实现新闻滚动效果(实例代码)
Nov 27 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
Nov 23 Javascript
javascript中数组array及string的方法总结
Nov 28 Javascript
jQuery表单域选择器用法分析
Feb 10 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
Jan 07 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
Aug 25 Javascript
protractor的安装与基本使用教程
Jul 07 Javascript
AngularJs每天学习之总体介绍
Aug 07 Javascript
JavaScript编写的网页小游戏,很给力
Aug 18 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
javascript匿名函数中的'return function()'作用
Oct 15 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
Linux下进行MYSQL编程时插入中文乱码的解决方案
2007/03/15 PHP
提高PHP编程效率 引入缓存机制提升性能
2010/02/15 PHP
php实现自动获取生成文章主题关键词功能的深入分析
2013/06/03 PHP
php中this关键字用法分析
2016/12/07 PHP
Nginx下ThinkPHP5的配置方法详解
2017/08/01 PHP
Laravel5.7 Eloquent ORM快速入门详解
2019/04/12 PHP
javascript 获取图片颜色
2009/04/05 Javascript
jquery获取tr中控件值并操作tr实现思路
2013/03/27 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
2014/01/09 Javascript
javascript查询字符串参数的方法
2015/01/28 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
谈一谈bootstrap响应式布局
2016/05/23 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
2016/11/10 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
2017/01/12 Javascript
ES6中module模块化开发实例浅析
2017/04/06 Javascript
jQuery实现简单复制json对象和json对象集合操作示例
2018/07/09 jQuery
解决vue单页面修改样式无法覆盖问题
2019/08/05 Javascript
Layui点击图片弹框预览的实现方法
2019/09/16 Javascript
vue+layui实现select动态加载后台数据的例子
2019/09/20 Javascript
将Django框架和遗留的Web应用集成的方法
2015/07/24 Python
Python实现计算最小编辑距离
2016/03/17 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
Python通过TensorFlow卷积神经网络实现猫狗识别
2019/03/14 Python
Python使用numpy模块实现矩阵和列表的连接操作方法
2019/06/26 Python
在OpenCV里使用Camshift算法的实现
2019/11/22 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
使用gunicorn部署django项目的问题
2020/12/30 Python
澳大利亚首个在线预订旅游网站:Wotif
2017/07/19 全球购物
日常奢侈品,轻松购物:Verishop
2019/08/20 全球购物
个人简历自我评价八例
2013/10/31 职场文书
高二英语教学反思
2014/01/19 职场文书
食品采购员岗位职责
2014/04/14 职场文书
学校师德师风自我剖析材料
2014/09/29 职场文书
2016年学校安全教育月活动总结
2016/04/06 职场文书
Java方法重载和方法重写的区别到底在哪?
2021/06/11 Java/Android
golang内置函数len的小技巧
2021/07/25 Golang