web多终端开发学习系列(三)--- 基于bootstrap的表格插件bootstrap-table

基于网页管理系统的开发大多数功能只是对数据的显示与操作，对于数据的显示一般都是通过table表格来显示，所以管理系统的开发很有必要引入表格插件，对于sencha touch等商业化框架，都有自己自带的表格控件，而对于bootstrap需要引入第三方的表格插件，这里我学习下bootstrap table。

介绍

bootstrap table是基于bootstrap框架的一个表格插件，官网地址是http://wenzhixin.net.cn/p/bootstrap-table/docs/index.html，插件拥有如下功能

环境搭建

下载源码之后引入相应的css与js，如下（前提你已经引入了bootstrap基础类库与样式和jquery类库）

<link rel="stylesheet" href="bootstrap-table.css">

<script src="bootstrap-table.js"></script>

如果想要此插件的所有默认提示均改为中文，需要引入对应的本地化类库，路径：Desktop\bootstrap-table-master\dist\locale

实例

可参考http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html
扩展插件可参考http://wenzhixin.net.cn/p/bootstrap-table/docs/extensions.html

可在上面设置语言类型来浏览文档

总结

bootstrap table插件对于数据的显示，导出等功能进行了非常好的实现，而且支持了响应式的布局方式，日常的后台管理系统中我们可以尝试地应用该插件进行数据的展现。