We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to customize the row height in Angular Grid


if I set rowHeight property and use it in hierarchy grid structure, the last childGrid height is 0 every time. If rowHeight property is not used or set to null then everything works correctly.

If I set rowHeight property in childGrid than it also works correctly.

But what to do if I want all my rows to be the same height (for example hardcoded in html) and to not want to set it every time again in last child grid?

1 Reply

PS Pavithra Subramaniyam Syncfusion Team June 18, 2018 06:54 AM

Hi AC, 

We have checked your query and If you want to customize all Row height, you need to set the ‘rowHeight’ property for parent and child Grids. However, You can also set the all row height of parent and child Grid by using the below html selector style. Please refer to the below code example and sample link. 

.e-grid .e-gridcontent  tr.e-row{ 

    .e-grid .e-gridcontent .e-rowcell { 
    line-height: 0; 
    padding-bottom: 0; 
    padding-top: 0; 

Pavithra S. 

Live Chat Icon For mobile
Up arrow icon