Bootstrap 表格的头部如何固定? 下面本篇文章给大家介绍一下 Bootstrap 固定表头的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
Bootstrap 如何固定表格头部?
bootstraptTable 插件提供了一个固定表头的功能, 那么如何使用 bootstraptTable 进行表头的固定呢? 只需要对 bootstrapTable 设置高度即可实现.
具体的方法步骤
1, 新建一个 html 代码页面, 然后引入 Bootstrap.min.CSS,Bootstrap-table.min.CSS,jQuery.JS,Bootstrap-table.JS 这几个文件.
2, 创建表格, 在 < body > 标签里创建 < table > 标签, 然后给这个 table 添加一个 id.
代码:
3, 使用 bootstrapTable 提供的方法进行表格数据的交互.
4, 保存 HTML 页面后使用浏览器打开发现滚动滚动条发下表头没有固定. 不是说 bootstrapTable 提供固定表头的功能吗, 这难道是骗人的, 不要着急往下看.
5, 固定表头. 回到 HTML 代码页面, 在 bootstrapTbale 方法里添加一个 height 属性. 如图:
6, 保存 HTML 代码刷新浏览器, 这个时候再滚动滚动条就会发现表头已经固定好了哦.
更多 Bootstrap 的相关知识, 可访问: web 前端自学 https://www.html.cn/ !!
来源: http://www.css88.com/framework/bootstrap/17999.html