我可以只通过 CSS 来制作没有 jquery 的表头吗? [复制]

Posted

技术标签:

【中文标题】我可以只通过 CSS 来制作没有 jquery 的表头吗? [复制]【英文标题】:Can I make header of a table fixed without jquery, only by CSS? [duplicate] 【发布时间】:2014-06-13 04:43:47 【问题描述】:

有没有一种方法可以在不使用任何 javascript 的情况下仅使用 CSS 来修复表头?

【问题讨论】:

这个question is asking for a non-javascript version。这个page shows different approaches。这个question is asking for html5 css only approach 【参考方案1】:

怎么样:

CSS:

thead 
position: fixed;

HTML:

<table>
<thead></thead>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>

现在,任何名为&lt;thead&gt; 的标签都将被自动修复。如果您只想修复特定标签,请尝试:

CSS:

.tofix 
position:fixed;

HTML:

 <table>
    <thead class="tofix"></thead>
    <tbody>
    <tr>
    <td>
    </td>
    </tr>
    </tbody>
    </table>

然后任何带有类名的标签都将被修复。附带说明:在 CSS 中执行 thead.tofix 将使只有 &lt;thead&gt; 标记可以具有该类。

【讨论】:

这不能按预期工作。

以上是关于我可以只通过 CSS 来制作没有 jquery 的表头吗? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

我们可以像 CSS3 一样在 jQuery 中使用类转换吗?

通过css阴影圆角渐变制作各种按钮

如何使 jquery-ui-dialog 没有关闭按钮?

css+jQuery制作的文字循环滚动代码

如何用jquery 修改CSS3动画的keyframe

用CSS3制作50个超棒动画效果教程