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
技术分享
        
        

实例


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

总结

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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。