SpringMVC+bootstrap table实例详解

发布时间：2020-12-15 01:54:27 所属栏目：大数据来源：网络整理

导读：bootstrap-table下载地址：先来看一张效果图：下载下来后，需要导入的css：由于需要bootstrap的支持，所以需要导入bootstrap的css 需要导入的js：除了bootstrap的js跟table的js外第一个要导入的就是jQuery的js，他们都是基于jQuery开发的 bootstrap-table-

bootstrap-table下载地址：

先来看一张效果图：

下载下来后，需要导入的css：由于需要bootstrap的支持，所以需要导入bootstrap的css

需要导入的js：除了bootstrap的js跟table的js外第一个要导入的就是jQuery的js，他们都是基于jQuery开发的

bootstrap-table-zh-CN.js这个js是用来汉化table的提示文字的，在下载下来的bootstrap-table文件夹下的locale文件夹中有很多的语言包支持

完啦，我们只需要在html页面中声明一个table跟菜单div(如果不需要，可以不声明)就好：

table_sysUser就是我们要显示的table列表啦。

我们来看看js怎么来请求后台的数据，并进行分页跟查询：

pageNumber: params.pageNumber,//页码 
  sortName: params.sort,//排序列名 
  sortOrder:params.order,//排序方式 
  searchText:params.search//搜索框参数 
    }; 
    return temp; 
  }; 
  return oTableInit; 
}; 

很多参数在代码注释里面说得很明显啦，我们来说说怎么新增查询参数，我们只需要在queryParams方法里面在新增参数信息就行：

bootstrap-table获取页面上勾选的数据：

bootstrap-table刷新表格：

源码：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!