html - 固定 1 行表格

Question

我有一个 HTML 表格，我想在滚动时固定第一行，我能够固定标题行，但我也希望我的表格的第一行也保持固定。我已经尝试了 2 天，但没有成功。有人遇到过这种问题吗？

<table>
   <thead>
      <tr>
         <th>Header 1</th><th>Header 2</th> // this i have fixed already
      </tr>
   </thead>
   <tbody>
      <tr>....</tr> // this row i want to make fixed while i scroll.
      <tr>....</tr>
   </tbody>
</table>

JSFiddle直到现在我从网上得到了这个

Answer 1

Table 可以有多个 tbody 元素，所以你可以将这个固定行添加到第一个 tbody，其余行添加到第二个 tbody。然后只是一些使用 css 来设置它的权利。

工作演示:http://jsfiddle.net/sMMZ9/4/

演示基于this solution