テーブルの端を固定したい時のお話

テーブルのコンテンツがあまりに多く、スマートフォンで表をみようとすると見にくい場合もありますよね。

列が横に多く続く場合だとPCでの表示では問題ない場合も多いですが、

スマートフォンで横スライドで表示させると一番左の項目が見えなくなってしまって情報として見辛いものになってしまう場合があります。

それを避けるために、スクロールしたくない部分を固定して表示する方法が取られることがあります。

以前はjsを使っての実装しかできなかったとのことですが、

現在はCSSのみで実装できるようになっています。（IE未対応）

使い方は至って簡単で、固定したいところにposition: sticky;を、そして固定したい起点になるところにtop: 0;やleft: 0;を指定するだけです！

下記記事で詳しく解説してくれてます。参考にどうぞ。