概要
既存HTML構造を編集できない場合など、table要素内で完結し、cssの編集だけでスマホ時に横スクロールになる表組み用途
- PC幅の際はテーブルレイアウト(複数行・複数列)
 - SP幅(ブレークポイント)でPC幅の見た目を維持したまま横スクロール
 - 既存HTML構造を編集できない場合など、table要素内で完結し、cssのみで対応可能
 
実装条件
- table内の子要素が「tbody」のみ
 
検証ブラウザ
- Microsoft Edge
 - IE11
 - IE10
 - Google Chrome(最新)
 - Safari(最新)
 - Firefox(最新)
 
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)