Category / Section
How to modify the Grid row height?
1 min read
You can customize the default row height of Grid, by using the e-rowcell class.
Solution
In Grid control, e-rowcell CSS class is added to every row cells in Grid content. You can modify the Grid row height by overriding the line-height CSS property in e-rowcell CSS class.
<style>
.e-grid .e-rowcell {
line-height: 26px;
}
</style>
The following screenshot displays the Grid control after overriding the line-height property of Grid row cells.
Figure: Grid with modified row height
