CSSで横スクロールテーブルをつくる - Sanwa Systems Tech Blog

こんにちは、95(くごー)です。私のチーム内では最近、タスク完了のご褒美にBOSSから黒糖をもらうのが風習になっています。頂けるのは大変うれしいのですが、食べ物を長く放置する癖がありまして若干食べ物を頂くときに不安を感じます。。まさにジョジョのチョコラータとセッコみたいな感じです。 さて、今回の記事の内容ですが、業務内で横スクロールのテーブルを作成したので記事にしたいと思います。 今回行うこと テーブルの一部分を固定して横スクロールのテーブルを作成したいと思います。 変更前のテーブル 変更後のテーブル 横スクロールのテーブルの作成 変更前のテーブルを横スクロールのテーブルに変更するにあたって、htmlをまず固定したい部分（画像赤枠部分）とスクロールしたい部分（画像青枠部分）を分けて記述します。 実際のソース上での変更は以下です(ポイントだけ記述したいので一部省略します)。 <!-- 変更前