ユーザマニュアル




2024/07/08

MANUAL

FAQ:一覧画面で横幅のサイズを調整したい

## 回答 [スタイル](/ja/manual/table-management-style)を使用してください。 --- ## 概要 一覧画面で横幅のサイズを調整したい場合は[スタイル](/ja/manual/table-management-style)を使用してください。以下のようなスタイルを設定することで実現できます。 ## 操作手順 1. 対象のテーブルを開いて、[テーブルの管理](/ja/manual/table-management)[スタイル](/ja/manual/table-management-style)を開きます。 1. 以下のCSSを記述し「出力先」の[一覧](/ja/manual/table-management-grid)を選択することで一覧画面の表全体、または列ごとの横幅を指定することができます。 1. 対象テーブルの[一覧画面](/ja/manual/table-grid)を開くと指定した列幅で表示します。 ### 変更前 ![image](https://pleasanter.org/binaries/4800e25db0f24da0a578dad20d6fac5f) ### 変更後 ![image](https://pleasanter.org/binaries/2ea0546c3aee4bfe9cc13a30efe46f35) ## サンプルコード ##### CSS ``` table { table-layout: fixed; width: 80%; /*表全体の横幅を指定。ウィンドウ全体なら100%*/ } th[data-name="Title"] {width: 35%; } /*タイトル列の横幅*/ th[data-name="ClassA"] {width: 10%; } /*分類A列の横幅*/ th[data-name="NumA"] {width: 5%; } /*数値A列の横幅*/ th[data-name="DateA"] {width: 15%; } /*日付A列の横幅*/ th[data-name="DescriptionA"] {width: 25%; } /*説明A列の横幅*/ th[data-name="CheckA"] {width: 5%; } /*チェックA列の横幅*/ ```
TOP
このページをシェアする
記載された商品名、各製品名は各社の登録商標または商標です。 © Implem Inc.