bootstrap table简洁扁平的表格
2016-01-18 11:17
866 查看
使用方法
1、在html页面的head标签中引入Bootstrap库(假如你的项目还没使用)和bootstrap-table.css。2、在head标签或者在body标签闭合前(比较推荐)引入jQuery库和Bootstrap库(假如你的项目还没使用)和bootstrap-table.js。 <script src="jquery.min.js"></script> <script src="bootstrap.min.js"></script> <script src="bootstrap-table.js"></script>
3、指定数据源,这里有两种方式
1)通过data属性标签
在一个普通的表格中设置data-toggle="table"可以在不写JavaScript的情况下启用Bootstrap Table。
2)通过JavaScript设置数据源 通过JavaScript来启用带有id属性的Table。 $('#table').bootstrapTable({ url: 'data.json' });
关于参数请参照官网的文档
相关文章推荐
- bootstrap源码学习之消息提示alert(一)
- 分页Bootstrap实现
- 学籍管理系统
- bootstrap.css两个友好插件
- bootstrap-fileupload-上传文件控件
- Bootstrap结合PHP实现简单的翻页功能
- 2016 系统设计第一期 (档案一)MVC 和 Bootstrap 表单转换
- 【Spring】Spring MVC文件上传--整合bootstrap-fileinput和jQuery-File-Upload
- Bootstrap 栅格系统
- 【Spring】Spring MVC文件上传--整合bootstrap-fileinput和jQuery-File-Upload
- bootstrap与360浏览器不兼容问题
- Java教程]JavaEE框架Bootstrap、HTML5、jQuery、SpringMVC
- 分布式java shiro、maven、Bootstrap、Bootstrap、SpringMVC、Mybatis、Hibernate
- 关于bootstrap-datetimepicker 插件的配置参数详解
- 002-bootstrap图标的使用。
- 001-bootstrap学习起步,搭建bootstrap环境。
- 开始学习bootstrap啦!
- 0001 -- 搭建bootstrap环境。
- 0002 -- bootstrap 图标的使用。
- 0003 -- bootstrap 按钮的使用。