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列の横幅*/
```