FAQ: How to adjust the width of the list screen
## Answer
Use "「Style」".
---
## Overview
If you want to adjust the width size on the list screen, use "「Style」". You can do so by setting the following style.
## Operation procedure
1. Open the target table and open "「Table Management」" and "「Style」".
1. By writing the following CSS and selecting "「List」" for "Output Destination", you can specify the width of the entire table or each column on the list screen.
1. When you open the "「List Screen」" of the target table, it will be displayed with the specified column width.
### Change Before
### After Change
## Sample Code
##### CSS
```
table {
table-layout: fixed;
width: 80%; /*Specify the width of the entire table. 100% for the entire window*/
}
th[data-name="Title"] {width: 35%; } /*Title column width*/
th[data-name="ClassA"] {width: 10%; } /*Classification A column width*/
th[data-name="NumA"] {width: 5%; } /*Num A column width*/
th[data-name="DateA"] {width: 15%; } /*Date A column width*/
th[data-name="DescriptionA"] {width: 25%; } /*Description A column width*/
th[data-name="CheckA"] {width: 5%; } /*Check A column width*/
```
