Grid Resizing - Grouping box not sized at DataBound event

[Jim]

In July of this year Dimo added a nice example of dynamically resizing a grid.  A link to his post is here. This works very well unless you enable grouping on that same grid.

I took his jsfiddle and added a groupable: true --> http://jsfiddle.net/SDFsz/98/.

This works great when you resize but it doesn't work on the first run ( that is when resizeGrid gets called from DataBound event ).

Is there any event that fires after the Grouping box actually gets created and sized?

[Dimo]

Hello Jim,

I don't observe any problems with this demo. Here is a video I recorded. Let me know if I am missing something.

http://screencast.com/t/bM8RamalmIWu

Greetings,
Dimo
the Telerik team

[Jim]

Hi Dimo -

Thanks for the response.  So I am not sure how to debug this further. I have two machines ( one at home one at work ).  My home machine works just like you show in your video.  My work machine cuts off the paging bar at the bottom on both IE and Chrome. I have attached screen shots. 

When I debug this on my work machine I notice that when it is running through the loop to calculate the heights I get the wrong size for the group header and indeed since the debugger has paused the rendering on the screen I can see that there is no text displayed in the group header.  As soon as I resize the screen it is correctly filled in.

Looking at the fiddle with Chrome,   Chrome Version
Looking at the fiddle with IE, IE Version

Thanks for your attention to this.

Jim Greenwood

[Dimo]

Hi Jim,

Now I see - evidently the problem occurs when the Grid is so narrow that the Grouping header is wrapped to two lines. You can enclose the content of the resizeGrid function in a setTimeout statement.

All the best,
Dimo
the Telerik team