状況:
- スクロールバー付きの div があります: (
overflow: auto;
) - このdivには、テーブルヘッドのあるテーブルがあります
- テーブル本体をスクロールすると、ヘッダーが表示されません (Web サイト ウィンドウをスクロールするときのように)
私が欲しいもの:
ユーザーがテーブルをスクロールすると、テーブルヘッダーの位置が固定されている必要があります。
単純な位置固定 ( <thead style="position:fixed;">
) は役に立ちませんでした。テーブル ヘッダーの幅は 50 セルのようで、すべてのセルを表示するには左右にスクロールする必要があるからです。
どこから始めればよいかまったくわかりません。どんなアイデアでも大歓迎です。
見つかった答え
スタック オーバーフローに関する同様の問題がたくさん見つかりましたが、固定ヘッダーを適用して div で水平方向にスクロール可能にする方法を明示的に教えてくれるものはありませんでした。
http://jsfiddle.net/TGBym/44/ ->この投稿のDhaval Shukla によるフィドルですが、水平スクロールをチェックしていないようです..