Bootstrap Table表格组件合集
表格数据多又杂,用个顺手的工具真的能省不少事。Bootstrap Table的源码包bootstrap-table-master
,就挺适合前端搞表格展示的场景。用起来简单,功能也蛮全。
排序、搜索、分页这些基础功能,基本开箱即用。比如你只需要点下表头,就能自动排序,配合搜索框再来一波关键词过滤,响应也快,用户体验还挺不错。
列的显示和隐藏也能动态控制,比如有些数据你只想管理员看,就能设置默认隐藏,让表格看起来清爽多了。还有个小亮点是国际化支持,做多语言项目时省不少事。
它的导出功能也蛮实用,支持把表格内容导成 CSV、Excel 或者 PDF 格式。想要做点报表之类的展示,不用另外搞插件。
源码结构也比较清晰,dist
文件夹直接能拿来用,src
适合定制开发,examples
里面有一堆例子照着改就行。你要改样式或功能,看看docs
里写的配置项就差不多了。
启动也简单:引入 如果你正好要做一套带分页、搜索、导出的表格系统,这个资源还挺省心的。想要做得更复杂?它的插件系统也能拓展,比如树形结构、可编辑单元格都能搞。bootstrap
和bootstrap-table.js
,写个基本的结构,再用
$('#table').bootstrapTable()
一初始化,功能就都来了。
bootstrap-table-master
预估大小:519个文件
docs.min.css
21KB
sidenav.css
2KB
style.css
1KB
bootstrap-theme.css
21KB
bootstrap.min.css
111KB
bootstrap.css
134KB
bootstrap-theme.min.css
19KB
bootstrap-table.css
7KB
bootstrap-table-reorder-rows.css
819B
bootstrap-table-sticky-header.css
416B
1.45MB
文件大小:
评论区