tableを横スクロールさせる

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

Table をスマホで表示したときにデバイス幅狭すぎてtable表示が窮屈にするのを解決したい。

table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
}

webkit-overflow-scrolling は使うな

ちなみに -webkit-overflow-scrolling は使わないほうが良いらしい。

この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユ

-webkit-overflow-scrolling - CSS: カスケーディングスタイルシート | MDN

対応してみた

英語ブログのほうで対応してみた。

添付したように、幅が狭いTableだとTableに空白ができていまうのが問題。

汎用的に解決する術が思いつかなかったのでこの問題は目をつぶることにした。

Mutagen costs macOS a lot

mutagen, 高速化は達成されるけどリソース食い過ぎ問題。あとファイル同期まわりがちょっと不完全で、rebaseしたりファイルをrenameしたりしたときに変な挙動をすることがある。