CSS テーブル（表）の見出し部分（一部）を固定してスクロール 4パターン | PC-Walk

CSS テーブル（表）の見出し部分（一部）を固定してスクロールする方法 サイトで、表（テーブル）を使って表示したいことがあると思いますが、行の幅が横長になり、スペースに入り切らなかったり、縦の列も長くなりすぎて、デザイン上や見た目あまりよろしくないことがあるかと思います。 そこで、HTML の表（テーブル）が、「Excel のウィンドウ枠の固定」のように、見出し部分のセルだけ固定してスクロールできないものか調べてみた結果、CSSプロパティの「position: sticky;」を使用すれば、比較的簡単に実装できたので、ここに記載しておきます。 下記それぞれ4つのパターンのソースコードがありますが、本サイトで使用している「Wordpress + テーマ（Lightning）」では、一部の「CSS」が反映されないところがあるため、掲載している「HTML、CSS コード」は、一般的にHTMLサイ

[iww]

固定部分が1ドット微妙にスクロールする