ユーザマニュアル




2024/04/29

MANUAL

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

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