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未満に設定したい場合はこの最小値を指定します。