CODEWITHSUNDEEP
javascriptjqueryhtmlcsskendo-grid
Mike Smith
Mike Smith

Reputation: 149

Kendo Grid - resize column causing grid height to be altered.

See the example here: http://dojo.telerik.com/uFuYa/2

When you resize the column header (reduce the width) it's pushing the whole grid downwards. Also when you lower the column header width, then increase it, it reduces the height of the whole grid. Same issue happens when virtual scrolling is disabled. Is there any workaround to stop this happening? The content section (data section) seems to just push the footer down. Even if the footer is fixed, the content section still pushes past it.

Upvotes: 0

Views: 918

Answers (1)

topalkata
topalkata

Reputation: 2098

It is recommended all Grid rows to be of equal height, so that the virtual scrolling functionality works as expected:

Virtual scrolling - Kendo UI documentation

You can set the CSS white-space property to nowrap for the Grid header and regular cells:

Modified dojo example

Upvotes: 1

Related Questions