FAQ:一覧画面で横幅のサイズを調整したい
## 回答
「[スタイル](/manual/table-management-style)」を使用してください。
---
## 概要
一覧画面で横幅のサイズを調整したい場合は「[スタイル](/manual/table-management-style)」を使用してください。以下のようなスタイルを設定することで実現できます。
## 操作手順
1. 対象のテーブルを開いて、「[テーブルの管理](/manual/table-management)」「[スタイル](/manual/table-management-style)」を開きます。
1. 以下のCSSを記述し「出力先」の「[一覧](/manual/table-management-grid)」を選択することで一覧画面の表全体、または列ごとの横幅を指定することができます。
1. 対象テーブルの「[一覧画面](/manual/table-grid)」を開くと指定した列幅で表示します。
![image](/binaries/b3944c04c344491b8ca390186443fd7a)
## サンプルコード
##### 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列の横幅*/
```