How to customize the row height in Angular Grid

[Unknown]

Hello,

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?

[Pavithra Subramaniyam]

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. 

[Index.html] 

<style> 

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

      height:20px;    

    } 

    .e-grid .e-gridcontent .e-rowcell { 

    line-height: 0; 

    padding-bottom: 0; 

    padding-top: 0; 

} 

</style> 

Sample: https://plnkr.co/edit/38WGxCsiGsivDmmZGQMa?p=preview 

Regards, 

Pavithra S.