[解決済み] 大きなテーブルを表示すると、HTMLのテーブルヘッダが常にウィンドウの上部に表示される

質問

ページをスクロールしてテーブルが画面上にあるにもかかわらず、ヘッダー列が画面外にある場合、ヘッダーを表示エリアの上部に表示したままにしておきたいのです。

これは、概念的にはExcelの「フリーズペイン」のような機能です。ただし、HTMLページには複数のテーブルが含まれていることがあるので、現在インビューしているテーブルに対してのみ、インビューしている間だけ、この機能を使用したいと思います。

注：テーブルのデータ領域はスクロール可能で、ヘッダーはスクロールしないという解決策を見たことがあります。これは、私が探しているソリューションではありません。

どのように解決するのですか？

チェックアウト jQuery.floatThead ( デモあり との連携が可能で、非常にクールです。 データテーブル の中で動作させることもできます。 overflow: auto コンテナに格納されます。