min-height on a grid

[Patrick]

For the client side grid, is there a way to initially set the grid to a min-height that can be overruled if there are many rows at which point the grid would default to a larger container constraint or to the number of rows to show constraint.  The challenge here is to show the progress icon on loading.

[Dimo]

Hi Patrick,

Yes, there is a way:

http://docs.telerik.com/kendo-ui/web/grid/appearance#allow-the-grid-height-to-vary-within-certain-limits

Regards,
Dimo
Telerik

 

 

[SUNIL]

I had the same issue and the way I solved it was by setting a CSS for min height of content part of grid, and then in databinding event of grid this min-height needs to be set to 0px. This way, the loading image displays initially and when rows are rendered then grid sizes its height in a normal manner.

CSS

.k-grid-content { min-height:50px; }

 

Databinding event

function dataBinding(e) {
    $(".k-grid-content").css("min-height", "0px");
}