Monthly Archives : 2020/05

テーブルのヘッダー固定とoverfow-xを混在させると動かない - 2020/05/09(Sat)
画面をスクロールしたときに、テーブルのヘッダー（th）を固定させる、というパターンがあると思います。エクセルなどの表計算ソフトでいうと、「ウインドウ枠の固定」に該当するものです。最近のブラウザを対象にした実装では、以下のように、position:sticky を th要素 に設定すると、簡単に固定できます。※th要素、に限らず、固定したい列・行で固定できます。nth-child(n)を使うかたちです。CSSのposition: stickyでテーブルの...