Virtual Scroll with child grid having dynamic height

[Deepak]

Hi,

We have a scenario where we are displaying parent and child grids on expand collapse.

We are also using virtualization.

Can we set dynamic heights to child grids with virtualization enabled? e.g if on expand a record child grid has 1 record only and on expanding another parent row it has child grid with say 15 records.

Child grid height set as per no of records.

As per this - https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual/

We need to set fixed detailRowHeight property. But here we have dynamic child grid height.

 

Thanks.

[Dimitar]

Hello Deepak,

For the virtualization to work, the Grid must know its exact height, height of each row and the height of each detail row. All that is required for scroll bar size and position calculations.

That said, those values should be static and the Grid doesn't support calculating dynamic heights as the detail row content could update its content asynchronously. And so if the Grid were to constantly traverse all rows and detail rows to extract their current height, this would result in poor performance.

So, you will have to make do with defining a static height for the detail rows.

Let me know if I could provide further information on the topic.

Regards,
Dimitar
Progress Telerik