css写一个表头如何固定

Posted

tags:

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

参考技术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>本回答被提问者和网友采纳
参考技术B 表头固定?

类似logo吗?
position属性,绝对定位可以吧。
参考技术C 一般都是用两个表格对接实现的 参考技术D position:fixed;top:0px;用这个试试。。。 第5个回答  2014-03-28 position,然后再加个top:0px;就行了

在EXCEL中如何固定表头及左侧的一列

参考技术A

材料/工具:Excel2010

1、首先在我们电脑上新建一个excel并打开。

2、进入表格窗口后,我们点击导航中的“视图”。

3、接着,我们在视图下的选项中找到“冻结窗格”。

4、找到冻结窗格功能后,我们点击它。

5、点击冻结窗格,我们发现表头就冻结了。

6、当然,如此冻结只是把表头冻结了,那么我们要冻结几行或者几列呢,这时我们先选中我们要固定的行或列。

7、选中行列后,我们再点冻结窗格功能,即可发现冻结了。

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

jsp 固定表格表头 css 或者 js 都行,只要功能实现

如何固定table的表头

CSS锁定表头问题

纯Css固定表格表头,表头与表格对齐

bootstrap table 可以固定表头吗

[前端][CSS] 纯css实现纵向滚动固定表头与横向内容滚动