ユーザマニュアル





2024/04/29

MANUAL

FAQ:一覧画面の列の幅を調整したい

## 回答 「[スタイル](/manual/table-management-style)」を使用します。 --- ## 概要 スタイル機能を用いて一覧画面の列幅を指定の幅に変更できます。 ## 設定手順 1. 対象のテーブルを開きます。 2. 「管理」→「[テーブルの管理](/manual/table-management)」をクリックします。 3. 「[スタイル](/manual/table-management-style)」タブを開きます。 4. 「+新規作成」ボタンをクリックし、ダイアログを表示します。 5. タイトルに「一覧画面の列の幅を調整」等の任意のタイトルを入力します。 6. スタイルに列の幅を調整するスタイルを入力します。 7. 出力先の「全て」のチェックを外し、「[一覧](/manual/table-management-grid)」にチェックします。 8. ダイアログの変更ボタンをクリックします。 9. 画面下部の更新ボタンをクリックします。 10. 対象のテーブルの一覧画面を開き、列の幅を確認します。 ## スタイル例 タイトル/内容列の幅を「100px」に調整するスタイルです。 ##### CSS ``` [data-name="TitleBody"] { width: 100px; } .grid-title-body { min-width:0; } ``` * "TitleBody"部分はth要素のdata-name名を指定しています。他の列の幅を調整する際はそれぞれのdata-name名に置き換えてください。 * 「タイトル/内容」や「[内容](/manual/table-management-body)」「[説明項目](/manual/table-management-description)」等の複数行テキストの項目には「grid-title-body」クラスで最小幅200pxにデフォルト指定しています。列幅を200px未満に設定したい場合はこの最小値を指定します。
TOP
このページをシェアする
記載された商品名、各製品名は各社の登録商標または商標です。 © Implem Inc.