テーブルのヘッダを固定してボディだけスクロールする
イシュー
- ヘッダを固定してボディだけスクロールするテーブルを作成したいのだが、ボディ部分のデータ量によって、ヘッダとの幅の差異が出てしまう。
- なんかいい解決方法はないか?
参考
- Tableのヘッダ(thead)を固定して、<tbody>内をスクロールさせる方法 » 株式会社ジラフィー(Giraffy)
- CSS でヘッダ固定、データ行を スクロールさせるテーブル - JavaScript スタイルシートサンプル集
- ◇データ部だけスクロールするTABLE;HTMLメモ: 万象酔歩
- ヘッダ固定テーブルの最良解 Pushpin Header - penultimate diary
- ゲームミュージックと生存確認をかねた画期的な: スクロールテーブルを実装する際の注意点
- HTML/CSSヘッダー固定のスクロールテーブル - kagan’s blog
- ゲームミュージックと生存確認をかねた画期的な: CSSによるおそらく最も簡単にヘッダとフッタを固定するスクロールテーブルの実装方法
- Cyokodog :: Diary
javascript
- jQueryプラグイン - テーブルのヘッダーを固定してデータ行をスクロール表示「tbodyScroll」 - Webkaru
- jQuery Plugin for Fixed Header Tables - Home
colspan問題
- colspan が設定されていると、style="width" が効かない問題さえクリアすれば何とかなりそう。