bootstrap table 可以固定表头吗

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap table 可以固定表头吗相关的知识,希望对你有一定的参考价值。

参考技术A 在开发项目中,需要将表格头部固定,而且表格大多数情况下是会水平滚动的。项目的css框架是bootstrap 3,故也可以叫做bootstrap table。

需要实现的是:表格头部固定,并且支持水平滚动

html code(source table):
复制代码

<table id="top_fix_table" border="0" cellpadding="4" cellspacing="0" class="table table-hover">
<thead>
<tr id="table_head">
<td>Test</td>
....
</tr>
</thead>
<tbody>

</tbody>
</table>

复制代码

stylesheet code:

#fixed_table #fix_head
background: #FFFFFF;
box-shadow: 0px 0px 5px #888888;
参考技术B 两个表格,一个只显示表头,下面的div显示内容表格,div设置滚动条

以上是关于bootstrap table 可以固定表头吗的主要内容,如果未能解决你的问题,请参考以下文章

用bootstrap table插件实现的表格,如何实现固定表头 ,当列多的情况下 还可以跟着拖动,求指教

HTML:table固定表头

Bootstrap固定表头

bootstrap实现表头固定

bootstrap.固定表头,

bootstrap 怎么固定住导航条