ゆちの備忘録β

はてなブログお試し期間中

CSS−Tableのヘッダ固定

tableのヘッダ固定については、今までexpressionを使った方法で指定していたんですが
IE8(標準モード)からは対応してないようなので、他の方法を試してみた結果、
こちらで紹介されていたやり方が一番しっくりきたのでメモ。
ヘッダ固定テーブルの最良解 Pushpin Header

 紹介されているサンプルはヘッダが1行の場合。ヘッダが複数行の場合は、theadにheight設定すると上手くいきました。
 注)doctypeの種類によっては効かない

※参考:CSS Expressions のサポート終了について