大きなテーブルを表示すると、HTML テーブル ヘッダーが常にウィンドウの上部に表示される 質問する

大きなテーブルを表示すると、HTML テーブル ヘッダーが常にウィンドウの上部に表示される 質問する

HTML テーブルの表示を「微調整」して、1 つの機能を追加できるようにしたいと考えています。つまり、ページを下にスクロールしてテーブルが画面上にあってもヘッダー行が画面外にあるときに、ヘッダーが表示領域の上部に表示されたままになるようにしたいのです。

これは概念的には Excel の「ウィンドウ枠の固定」機能に似ています。ただし、HTML ページには複数のテーブルが含まれている可能性があり、現在表示されているテーブルに対してのみ、そのテーブルが表示されている間だけ、この機能が実行されるようにしたいのです。

注: テーブル データ領域はスクロール可能だが、ヘッダーはスクロールしないという解決策を 1 つ見たことがあります。これは私が探している解決策ではありません。

ベストアンサー1

チェックアウトjQuery.floatTheadデモあり)これはとてもクールで、データテーブルコンテナ内でも動作可能ですoverflow: auto

おすすめ記事