jquery - 如何锁定 HTML 表格的标题行以防止滚动？

Question

有没有一种方法可以“锁定”html 结果表的标题行，以便当浏览器窗口滚动时，标题行仍然可见。我需要它在 IE7+/Firefox/Safari/Chrome 下工作。

这可以单独使用 CSS 完成吗，还是我需要 javascript。

感谢任何提示。

Answer 1

据我所知，您不能“锁定”表格中的任何子元素。所以我知道最好的方法是使用定位元素(根据我的评论):

<div style="position:fixed">
  <!-- you could have multiple <div> or <span> for the table "header" -->
</div>
<table>
  ...
</table>

您可能会遇到的一件事是，您可能必须调整定位 div 内元素的宽度。 .因此，您可能会发现简单地删除 <table> 会更容易。一起使用<div>秒。