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也能包含文件
Oct 26 Javascript
jquery动态添加删除(tr/td)
Feb 09 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
Feb 28 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
理解js对象继承的N种模式
Jan 25 Javascript
微信小程序实现倒计时补零功能
Jul 09 Javascript
vscode下的vue文件格式化问题
Nov 28 Javascript
vuex如何重置所有state(可定制)
Jan 17 Javascript
使用原生js编写一个简单的框选功能方法
May 13 Javascript
微信小程序获取用户绑定手机号方法示例
Jul 21 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 22 Javascript
vue代码分块和懒加载非必要资源文件
Apr 11 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 随机生成10位字符代码
2009/03/26 PHP
PHP学习之数组值的操作
2011/04/17 PHP
zend framework中使用memcache的方法
2016/03/04 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
兼容Mozilla必须知道的知识。
2007/01/09 Javascript
基于jQuery.Validate验证库知识点的详解
2013/04/26 Javascript
jquery 页面滚动到底部自动加载插件集合
2014/01/31 Javascript
JS实现简单路由器功能的方法
2015/05/27 Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
2015/10/23 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
2016/02/21 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
javacript获取当前屏幕大小
2016/06/04 Javascript
jQuery实现点击任意位置弹出层外关闭弹出层效果
2016/10/19 Javascript
jquery.form.js异步提交表单详解
2017/04/25 jQuery
详解React Native顶|底部导航使用小技巧
2017/09/14 Javascript
layui实现数据表格点击搜索功能
2020/03/26 Javascript
Vue.js下拉菜单组件使用方法详解
2019/10/19 Javascript
详细解读Python的web.py框架下的application.py模块
2015/05/02 Python
python学习教程之Numpy和Pandas的使用
2017/09/11 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
python实现websocket的客户端压力测试
2019/06/25 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
Python调用JavaScript代码的方法
2020/10/27 Python
用CSS3的box-reflect来制作倒影效果
2016/11/15 HTML / CSS
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
日本化妆品植村秀俄罗斯官方网站:Shu Uemura俄罗斯
2020/02/01 全球购物
英国豪华家具和经典家居饰品购物网站:OKA
2020/06/05 全球购物
最新大学毕业求职简历的自我评价
2013/10/18 职场文书
演讲稿怎么写才完美
2014/01/02 职场文书
2014年村委会工作总结
2014/11/24 职场文书
死者家属慰问信
2015/03/24 职场文书
Django中的JWT身份验证的实现
2021/05/07 Python
用Python创建简易网站图文教程
2021/06/11 Python
Rust 连接 PostgreSQL 数据库的详细过程
2022/01/22 PostgreSQL