スクロール、スワイプ時にtableのいちばん左1列だけを固定する方法[position: stickyの活用]Top > Web一般 > スクロール、スワイプ時にtableのいちばん左1列だけを固定する方法[position: stickyの活用] 「このテーブルの、アタマの1行だけ固定して！」 というようなオーダーを頂くこと、実際の制作現場では、結構ありますよね。 地味な様ですが、それでいてWeb制作の実務において 結構出てくる頻度が多かったりする「テーブル要素」による表組み。 以前の記事では、そんな時に使用できる、 tableのヘッダーを固定する方法についてご紹介しました。 該当記事：tableのヘッダーを固定する方法2つ[position: stickyの活用とGrid.jsの場合] ↑上記記事では「縦方向の固定」について書きましたが、 今回の記事は、「横方向の固定」についての記事です。tableの一番左1列だけを固定する方法について、書いていきたいと思います。 ↑このように、table内の
![スクロール、スワイプ時にtableのいちばん左1列だけを固定する方法[position: stickyの活用]](https://cdn-ak-scissors.b.st-hatena.com/image/square/5627a3af34878900710413c207d0b3a4bbd643a6/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Ftedate.jp%2Fwp-content%2Fuploads%2F2022%2F10%2Fimg-about-fix-leftmost-column-in-table.jpg)
