通常、テーブル(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 |