jquery - 多行浮动表头

Question

我正在使用这个脚本来浮动我的表头： http ://cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html

它对我的项目非常有用，但是我的一张表有 2 行标题，但它只浮动顶部。有没有一种简单的方法让它浮动所有行？

Answer 1

我想你正在寻找这样的东西：

<table style="position:fixed; top:0;">
    <tr>
       <td>Header1</td>
       <td Header2</td>
       .....
    </tr>
</table>

<table>
   <tr>
      <td>Data1</td>
      <td>Data2</td>
      ....
   </tr>
   .... more rows ...
</table>

这样做是将标题锚定到屏幕顶部，但将允许其他表格像往常一样滚动。您可能需要根据页面上的其他内容进行一些 z 索引。