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 相关文章推荐
动态调用css文件——jquery的应用
Feb 20 Javascript
解决jquery的datepicker的本地化以及Today问题
May 23 Javascript
点击标签切换和自动切换DIV选项卡
Aug 10 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
Dec 19 Javascript
AngularJS使用指令增强标准表单元素功能
Jul 01 Javascript
使用node.js对音视频文件加密的实例代码
Aug 30 Javascript
使用post方法实现json往返传输数据的方法
Mar 30 Javascript
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
解决vue单页面修改样式无法覆盖问题
Aug 05 Javascript
vue实现浏览器全屏展示功能
Nov 27 Javascript
JS实现购物车基本功能
Nov 08 Javascript
使用javascript解析二维码的三种方式
Nov 11 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
关于我转生变成史莱姆这档事:第二季PV上线,萌王2021年回归
2020/05/06 日漫
一篇不错的PHP基础学习笔记
2007/03/18 PHP
PHP采集相关教程之一 CURL函数库
2010/02/15 PHP
php 文章调用类代码
2011/08/11 PHP
php网上商城购物车设计代码分享
2012/02/15 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
2017/02/10 Javascript
微信小程序checkbox组件使用详解
2018/01/31 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
微信小程序实现团购或秒杀批量倒计时
2020/11/01 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
2019/04/24 Javascript
Element图表初始大小及窗口自适应实现
2020/07/10 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
2020/07/29 Javascript
python实现2014火车票查询代码分享
2014/01/10 Python
使用Python搭建虚拟环境的配置方法
2018/02/28 Python
Python学习笔记之函数的定义和作用域实例详解
2019/08/13 Python
python实现超市商品销售管理系统
2019/11/22 Python
关于tensorflow的几种参数初始化方法小结
2020/01/04 Python
Python图片处理模块PIL操作方法(pillow)
2020/04/07 Python
python定时截屏实现
2020/11/02 Python
python中常用的数据结构介绍
2021/01/12 Python
python re.match()用法相关示例
2021/01/27 Python
使用CSS实现弹性视频html5案例实践
2012/12/26 HTML / CSS
bonprix荷兰网上商店:便宜的服装、鞋子和家居用品
2020/07/04 全球购物
介绍Java的内部类
2012/10/27 面试题
保安部任务及岗位职责
2014/02/25 职场文书
政府绩效管理实施方案
2014/05/04 职场文书
幼儿园区域活动总结
2014/05/08 职场文书
个人欠款担保书
2014/05/20 职场文书
大学生毕业个人总结
2015/02/15 职场文书
结婚典礼主持词
2015/06/29 职场文书
学困生帮扶工作总结
2015/08/13 职场文书
电工生产实习心得体会
2016/01/22 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python