Bootstrap-table的使用小结

简介

Bootstrap table是国人开发的一款基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。目前在github上已经有2600多个Star,可见其受欢迎程度。其官方网站地址 为:http://bootstrap-table.wenzhixin.net.cn/。

如何引入

两个js,一个css,我用的webjars管理的,写法如下

1
2
3
<link href="/webjars/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<script src="/webjars/bootstrap-table/bootstrap-table.min.js"></script>
<script src="/webjars/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>

pom 文件增加依赖

1
2
3
4
5
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap-table</artifactId>
<version>1.9.1</version>
</dependency>

如何使用

html

在需要使用table的位置插入

1
2
3
4
5
6
7
8
9
10
11
12
<table id="table1" data-mobile-responsive="true" data-click-to-select="true">
<thead>
<tr>
<th data-field="selectItem" data-checkbox="true"></th>
</tr>
</thead>
</table>
```

## js

在页面下面添加js


`

参考