Grid Height Issues

[Redsquare]

There is some js in KendoGrid that makes Chrome display the grid border incorrectly.

If I remove the following

if (height) {
                that.wrapper.css(HEIGHT, height);
                table.css(HEIGHT, "auto");
}

everything fits.

[Dimo]

Hi Steve,

Can you please provide more details about your scenario, or even better, some code?

Generally, there are two possible issues with the Grid height, that I can think of -

1) if a scrollable Grid is initialized while it is inside a container with a display:none style, it will not be able to adjust its heights properly, as Javascript size calculations do not work in this case.

2) there was an issue with a scrollable Grid rendering with a too small height if configured in a particular way, but this is fixed now.

All the best,
Dimo
the Telerik team

[Redsquare]

Hey Dimo,

Sure - scrollable is set to off for this grid.I have just tried the latest build and it does seem to have solved the issue.
Let me try a few more things and see if I can repeat the issue. i will report back with grid setup and screenshots if this is the case.

Thanks for the quick response

[David]

I think I have the same issue. Looks like the height isn't calculated correctly. I'm using "Kendo UI Complete v2012.1.322".

[Dimo]

Hello David,

The problem in your case is caused by the fact that the Grid is initialized while it is hidden in the non-active Tab. In such cases Javascript size calculations do not work. Please initialize the Grid when it becomes visible, or, calculate and set the height of its .k-grid-content <div> manually.

Greetings,
Dimo
the Telerik team

[Faisal]

Seems like the following link is correct resolution to this issue:

http://www.kendoui.com/forums/ui/general-discussions/widgets-that-fill-the-browser.aspx#2382010