ヘッダ固定テーブルをCSSで実装してはいけない - atsukanrockのブログ

はじめに 企業向けシステムでは、ヘッダ固定テーブルの実装を要求されることがある。ヘッダ固定テーブルとは、 テーブル（<table>タグ）である テーブルの横に、テーブル部分のみのスクロールバーが表示される テーブル部分のみのスクロールバーでスクロールしても、テーブルのヘッダ行はスクロールしない といった特徴を持つもので、いわばExcelの［ウィンドウ枠の固定］機能のWebアプリ版だ。 CSSで実装するには Pushpin Headerと呼ばれるテクニックがある。positionプロパティを巧みに使った華麗なテクニックだ。ちなみに私は、このテクニックを初めて見たときは理解できなかった。positionプロパティについての正確な知識がないと、理解は難しい。 Pushpin Headerテクニックの問題点 上記リンク先のページをSafari*1で表示すると、ヘッダとボディの間にスペースが空いてし

[yaakaito]

"私はそれを試みたが、インターネット上のCSSハックについてのページの間違いの多さに唖然とした。なぜそれほどに間違いが多いのだろうか。” 「間違い」というわけではないと思う、こーゆー書き方すると上から目線に