jquery - 複数行のフローティング テーブル ヘッダー

Question

このスクリプトを使用してテーブル ヘッダーをフロートさせています: http://cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html

私のプロジェクトではうまく機能していますが、私のテーブルの1つには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-indexing depening を実行する必要がある場合があります。