grid dynamic height for scrolling

[kakalokiah]

Hi,

I'm currently evaluating kendo grid for angular, and have a question regarding the grid height for scrollable grids.

As I understand from the docs to make the grid scrollable we need to set a fixed height to the grid itself.

Is there a way to set the grid's height so that it is no more than the visible height available for the grid? Or do I need to listen to the window resize event, and then make sure the grid height is equal to the window height minus other elements' heights?

Thanks

[Dimiter Topalov]

Hi kakalokiah,

The most straight-forward approach for achieving the desired layout and configure the Grid to be as high as the available viewport height, is to set the Grid height to 100% as described in the following section of our documentation:

https://www.telerik.com/kendo-angular-ui/components/grid/advanced-features/responsive/#toc-height

Alternatively, you can recalculate the Grid height as mentioned in the question (via handling the window resize event and recalculating each time the page is resized), but this involves significant additional overhead.

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Karim]

Great article! Thanks.