多行浮动表头

Question

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

它对我的项目很有用，但是我的一个表有两行标题，但它只浮动顶部一行。是否有一种简单的方法让它浮动所有行？

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索引。