码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-05-21 09:16:01      阅读:345      评论:0      收藏:0      [点我收藏+]

标签:bootstrap   web   html5   响应式   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插件对于数据的显示,导出等功能进行了非常好的实现,而且支持了响应式的布局方式,日常的后台管理系统中我们可以尝试地应用该插件进行数据的展现。

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

标签:bootstrap   web   html5   响应式   table   

原文地址:http://blog.csdn.net/eye_cng/article/details/45875483

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!