This is a migrated thread and some comments may be shown as answers.

Grid Height Issues

5 Answers 361 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Redsquare
Top achievements
Rank 1
Redsquare asked on 26 Jan 2012, 01:04 PM
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.

5 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 26 Jan 2012, 01:55 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Redsquare
Top achievements
Rank 1
answered on 26 Jan 2012, 02:20 PM
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
0
David
Top achievements
Rank 1
answered on 30 Mar 2012, 05:02 PM
I think I have the same issue. Looks like the height isn't calculated correctly. I'm using "Kendo UI Complete v2012.1.322".
0
Dimo
Telerik team
answered on 30 Mar 2012, 05:26 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Faisal
Top achievements
Rank 1
answered on 20 Nov 2012, 02:49 PM
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
Tags
Grid
Asked by
Redsquare
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Redsquare
Top achievements
Rank 1
David
Top achievements
Rank 1
Faisal
Top achievements
Rank 1
Share this question
or