Cocoonのテーブルをレスポンシブ対応にする

投稿・固定ページ
この記事は約1分で読めます。

Cocoonの本文内のテーブルをレスポンシブ対応するには管理画面から「Cocoon設定」→「本文」タブを選択して下さい。

「テーブル」の「レスポンシブテーブル」にある「横幅の広いテーブルは横スクロール」にチェックを入れてください。

横幅の広いテーブルは横スクロール

これで画面幅の狭いモバイル環境でテーブル幅が画面を超えた場合は、画面をスクロールできるようになります。

テーブル内に画像を挿入する際は、状況によっては画像が見えなくなるくらい小さくなるケースもありますのでご注意ください。

詳細はこちら

テーブルの1列目を固定する場合はこちら。

レスポンシブテーブルを利用している際に1列目を固定表示する方法
テーブルをレスポンシブ表示にしている際に、テーブルの最初の列を固定表示する設定方法です。
タイトルとURLをコピーしました