Kendo Angular Grid not filling it's height when too few rows are loaded

[Mike]

When setting a fixed height and enabling scrolling on the Kendo Angular Grid, the grid will not fill it's entire height if too few rows are loaded (please see attached screenshot).

The grid has a fixed height of 500 pixels, however it does not fill it entirely, leaving an empty space beneath it. Also, vertical scrolling does not seem to be enabled. If more rows are loaded (or existing rows are expanded), the grid will grow in height and even exceed it's fixed height setting as if it were not set at all.
If, however, enough rows are loaded initially, vertical scrolling is enabled and works as expected.
This behaviour can be reproduced by setting a fixed height to a grid and enabling scrolling, and loading fewer records than the set page size.

[Dimiter Topalov]

Hello Mike,

Indeed there was an issue, causing the described undesired behavior, but it was fixed in the 1.8.2 version of the Grid package:

https://www.telerik.com/kendo-angular-ui/components/grid/changelog/

https://github.com/telerik/kendo-angular/issues/1254

After the fix was released, the Grid respects the set height as expected:

https://plnkr.co/edit/VJZo1QHtoL7AERBnF2Bh?p=preview

Upgrading should resolve the problem on your end as well. Please accept my apologies for all inconvenience caused.

Regards,
Dimiter Topalov
Progress Telerik

[Mike]

Hello Dimiter,

 

Thank you for the prompt response.

I have upgraded the grid to the latest version (2.0.2). The problem is now partially fixed, as in it still occurs when the grid has no records available on initialisation. Apart from that, it is now working as expected.

[Dimiter Topalov]

Hi Mike,

I tried to replicate the described issue that supposedly still remains, but could not. Here is the modified example that features a Grid whose data is initially an empty array, and is later populated on a button click:

https://plnkr.co/edit/xfdQWndy3QN7g54H7j7p?p=preview

The Grid is still as high as specified via the "height" property when it does not hold any records, and later when the data is loaded.

Can you please modify the example such that the described issue can be observed (or send us another similar one where we can replicate it), so we can inspect it further and determine what might be causing it? Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik