FAQ: How to adjust the row height on the list screen
## Answer
Use "[Style](/en/manual/table-management-style)".
---
## Overview
You can change the row height of the list screen to a specified height using the style function.
## Setting procedure
1. Open the target table.
1. Click "Management" → "[Table Management](/en/manual/table-management)".
1. Open the "[Style](/en/manual/table-management-style)" tab.
1. Click the "+ Create New" button to display the dialog.
1. Enter a title of your choice, such as "Adjust row height of list screen".
1. Enter a style to adjust the row height in Style.
1. Uncheck "All" for the output destination and check "[List](/en/manual/table-management-grid)".
1. Click the Change button in the dialog.
1. Click the Update button at the bottom of the screen.
1. Open the list screen of the target table and check the row height.
## Style Example
This is a style that sets the row height to "200px".
##### CSS
```
.grid-row > td > * {
max-height: 200px !important;
}
```
#### About Mouseover Behavior
In the list screen, if the number of characters in an item exceeds a certain amount, it will be hidden at a certain row height, and the hidden part can be displayed by placing the mouse cursor on the target row, but the row height will be fixed by specifying the above. To display the hidden part by placing the mouse cursor on the target row, please set the following style additionally.
##### CSS
```
.grid-row > td > *:hover {
max-height: initial !important;
}
```
## Related Information
<div id="ManualList"><ul><li><a href="/en/manual/table-management">Manage Table</a><span>10.02.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/table-management-grid">Table Management: List Screen</a><span>08.13.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/table-management-style">Table Management: Style</a><span>08.13.2024 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />
