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中的Split使用方法与技巧
Mar 09 Javascript
jquery实现聚光灯效果的方法
Feb 06 Javascript
jQuery实现的在线答题功能
Apr 12 Javascript
javascript截取字符串小结
Apr 28 Javascript
微信支付如何实现内置浏览器的H5页面支付
Sep 25 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
使用Bootrap和Vue实现仿百度搜索功能
Oct 26 Javascript
Angular4 反向代理Details实践
May 30 Javascript
vue 中动态绑定class 和 style的方法代码详解
Jun 01 Javascript
JS实现判断图片是否加载完成的方法分析
Jul 31 Javascript
iView框架问题整理小结
Oct 16 Javascript
vue实现省市区联动 element-china-area-data插件
Apr 22 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
星际玩家的三大定律
2020/03/04 星际争霸
虹吸壶是谁发明的?煮出来的咖啡好喝吗
2021/03/04 冲泡冲煮
PHP 命令行参数详解及应用
2011/05/18 PHP
php下利用curl判断远程文件是否存在的实现代码
2011/10/08 PHP
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
php用户注册页面利用js进行表单验证具体实例
2013/10/17 PHP
php-perl哈希算法实现(times33哈希算法)
2013/12/30 PHP
php 变量引用与变量销毁机制详细介绍
2016/12/05 PHP
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
常见的javascript跨域通信方法
2015/12/31 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
JS实现iframe自适应高度的方法示例
2017/01/07 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
Vue响应式原理详解
2017/04/18 Javascript
jQuery实现所有验证通过方可提交的表单验证
2017/11/21 jQuery
浅谈es6 javascript的map数据结构
2017/12/14 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
2018/12/24 Javascript
Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解
2019/01/18 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
2020/03/16 Javascript
Vue项目开发常见问题和解决方案总结
2020/09/11 Javascript
详解python单元测试框架unittest
2018/07/02 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
python实现简单加密解密机制
2019/03/19 Python
python线程优先级队列知识点总结
2021/02/28 Python
Burberry英国官网:英国标志性奢侈品牌
2017/03/29 全球购物
有原因的手表:Flex Watches
2019/03/23 全球购物
医院总经理岗位职责
2014/02/04 职场文书
车间机修工岗位职责
2014/02/28 职场文书
关于开学的感想
2015/08/10 职场文书
入党后的感想
2015/08/10 职场文书
电力企业职工培训心得体会
2016/01/11 职场文书
Go各时间字符串使用解析
2021/04/02 Golang
方法汇总:Python 安装第三方库常用
2022/04/26 Python
pandas中pd.groupby()的用法详解
2022/06/16 Python