通常、テーブル(table)はコンテンツエリアいっぱいの幅で表示されますが、列数などが多い場合は横幅が足りず潰れてしまうことがあります。そんなとき、テーブルを横スクロールするようにすることができます。
ただし、これは HTML でテーブルを書く必要があります。テーブルブロックでは使用できません。
カスタマイズ方法
HTML
HTML ブロックに、次のように .c-responsive-table で囲ったテーブルを書いてください。
<div class="c-responsive-table">
<table>
〜
</table>
</div>
| カラム1 | カラム2 | カラム3 | カラム4 | カラム5 | カラム6 |
|---|---|---|---|---|---|
| カラム1 | カラム2 | カラム3 | カラム4 | カラム5 | カラム6 |
| カラム1 | カラム2 | カラム3 | カラム4 | カラム5 | カラム6 |
