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 相关文章推荐
如果文字过长,则将过长的部分变成省略号显示
Jun 26 Javascript
JavaScript游戏之是男人就下100层代码打包
Nov 08 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
原生Javascript封装的一个AJAX函数分享
Oct 11 Javascript
解析js如何获取css样式
Dec 11 Javascript
详解Vue路由开启keep-alive时的注意点
Jun 20 Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 Javascript
Vue formData实现图片上传
Aug 20 Javascript
vue实现移动端图片上传功能
Dec 23 Javascript
在vue中created、mounted等方法使用小结
Jul 21 Javascript
vue 解决addRoutes多次添加路由重复的操作
Aug 04 Javascript
js属性对象的hasOwnProperty方法的使用
Feb 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查询网站的PR值
2013/10/30 PHP
用PHP来计算某个目录大小的方法
2014/04/01 PHP
详解PHP导入导出CSV文件
2014/11/03 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
utf8的编码算法 转载
2006/12/27 Javascript
javascript 常用方法总结
2009/06/03 Javascript
jQuery 连续列表实现代码
2009/12/21 Javascript
纯CSS打造的导航菜单(附jquery版)
2010/08/07 Javascript
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
2012/03/01 Javascript
JavaScript 用Node.js写Shell脚本[译]
2012/09/20 Javascript
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
使用jQuery.wechat构建微信WEB应用
2014/10/09 Javascript
用js实现放大镜的效果的简单实例
2016/05/23 Javascript
angular.JS实现网页禁用调试、复制和剪切
2017/03/31 Javascript
解决vue-cli中stylus无法使用的问题方法
2017/06/19 Javascript
JS中判断字符串存在和非空的方法
2018/09/12 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
nodejs实现百度舆情接口应用示例
2020/02/07 NodeJs
python实现搜索指定目录下文件及文件内搜索指定关键词的方法
2015/06/28 Python
Django实现快速分页的方法实例
2017/10/22 Python
python3.6 +tkinter GUI编程 实现界面化的文本处理工具(推荐)
2017/12/20 Python
Python基础之条件控制操作示例【if语句】
2019/03/23 Python
python数据类型之间怎么转换技巧分享
2019/08/20 Python
Tensorflow 卷积的梯度反向传播过程
2020/02/10 Python
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
北美领先的智能产品购物网站:Wellbots
2018/06/11 全球购物
澳大利亚当地最大的时装生产商:Cue
2018/08/06 全球购物
linux面试题参考答案(10)
2013/11/04 面试题
毕业生个人求职信范例分享
2013/12/17 职场文书
开会迟到检讨书
2014/01/08 职场文书
进步之星获奖感言
2014/02/22 职场文书
2014年重阳节老干部座谈会上的讲话稿
2014/09/25 职场文书
工作失职检讨书500字
2014/10/17 职场文书
优秀班主任事迹材料
2014/12/16 职场文书
党小组鉴定意见
2015/06/02 职场文书