リクエスト広場

表組みのレスポンシブ対応ができる機能がほしい

2 コメント
views

flex_container,flexboxのように画面の横幅が狭くなった時に、表組みの全てや一部を並び替える機能がほしいです。
flexboxは並べた際に隙間が出来てしまうため、表組みと組み合わせても全体を1つの表として成形できません。
responsive_layoutを使用しても似たような状態で、表組み単体と同様の形状を維持することはできませんでした。

Natch
作成: 2026/08/12 (水) 09:37:03
最終更新: 2026/08/12 (水) 09:41:36
通報 ...
1
名前なし 2026/08/12 (水) 21:40:45 d5e8c@2f1be

何をしたいのか想像しづらいですが、#nobr#tablescrollの利用を検討してみてはいかがでしょうか。
どうしても並び替えた表を見せたいのであれば#tab_containerで2パターンの表を置くことはできます。

2

ありがとうございます。これから試してみます。

現在は画像と説明文を1セットとした横に長い1行の表組みを作成しています。
|画像|文字|画像|文字|画像|文字|... このような表組みです。

表組みでは画面サイズの影響で文字の折り返しが発生します。
画像のセルには背景色を設定していることもあり、セル自体のサイズが変化してしまうと見た目への影響が大きいです。
セルの縦横比を維持するために文字ではなく、表組み自体を折り返すことで見た目のバランスを維持したいと思い投稿させていただきました。