メディアクエリを使って表示が変わるTableのデモ。
クリックでHTMLタグにclassを追加することでTable以外を非表示にします。
800pxを境にデザインが切り替わります。
1月 | 2月 | 3月 | 4月 | 5月 | 6月 | 7月 | 8月 | 9月 | 10月 | 11月 | 12月 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|
佐藤 | 190 | 160 | 40 | 120 | 30 | 70 | 190 | 160 | 40 | 120 | 30 | 70 |
山田 | 3 | 40 | 30 | 45 | 35 | 49 | 3 | 40 | 30 | 45 | 35 | 49 |
田中 | 10 | 180 | 10 | 85 | 25 | 79 | 10 | 180 | 10 | 85 | 25 | 79 |
鈴木 | 40 | 80 | 90 | 25 | 15 | 119 | 40 | 80 | 90 | 25 | 15 | 119 |
渡辺 | 45 | 35 | 49 | 30 | 3 | 40 | 45 | 35 | 49 | 30 | 3 | 40 |