如何固定table的表头

Posted

tags:

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

参考技术A 如果表格是百分比布局,不要用position定位,列和列会对不齐的。 最简单的可以写两个table。表头一个table,表身外层一个固定高度div,里层一个table,使表头和表身的每一列的宽度对应就好了。
例:
<table>
<tr><th width="20%">xxx</th><th width="40%">xxx</th><th>xxx</th><tr>
</table>
<div height="300px">
<table>
<tr><td width="20%">xxx</td><td width="40%">xxx</td><td>xxx</td><tr>
...
</table>
</div>本回答被提问者和网友采纳

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

css写一个表头如何固定

bootstrap table 可以固定表头吗

自定义Table固定列和表头

element 中el-table 如何固定表头

Saiku如何固定查询结果table的表头和首列

实现固定表头和表列的table组件