テーブルはCSSで固定したいがたまにはスクロールさせたくなる。わがままですか。

基本的にスマホとか、PCとかscrollさせる系の内容があんまり好きではなくて、

サイト構築時にCSSの制御でtableをscrollさせないように設定してます。

チョットした内容でスクロール行っちゃうのムカつくし。

でもたまぁぁぁぁぁぁぁに、ほんとたまに、

scrollさせたくなる。ので、

今度は逆に、レスポンシブさせてるtableをscrollさせる方法をググってみた。

参考にさせていただきました

はみ出たtableを横スクロールで滑らかに表示するCSS - Qiita

テーブルに対してscrollさせるCSSをぶち込むだけ。

table.scroll {
 display: block;
 overflow-x: scroll;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
}

チョット改変して、私はこっちで入れました。

CSSマジ詳しくないねん。

サイト綺麗に見せる事しか考えてないから多分プロから殺される。

とりあえず覚書。