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

Large space before the header

5 Answers 117 Views

Grid

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

duheng asked on 06 Aug 2010, 11:01 PM

white-space.GIF

Hi Telerik experts,

I have a hierarchy grid (inner grid as a nestedViewTemplate). i set pageSize=40.

Here is the problem:
1. When I expand the row to show the inner grid, there is a white space shown before the header. (see attached pic). The more rows I expand, the larger the white space is.
2. i tried to set useStaticHeader = true, i got the same problem except that the white space will be shown between the header and the first row.

It's really strange. i searched a lot, didn't find any solution. Would you please help me out?

Here is the code:

<form id="frmSearchResults" runat="server">

<div>

<table>

</table>

<radspl:RadSplitter ID="spltSrchRes" runat="server" Skin="Outlook" Width="100%" Visible="true" ResizeWithParentPane="true" ResizeWithBrowserWindow="true" ResizeMode="EndPane" Height="650">

<radspl:RadPane ID="pnRefSrch" runat="server" Scrolling="None" CssClass="rgDataDiv">

<telerik:RadGrid runAt="server" pageSize=40 >

<ClientSettings AllowAutoScrollOnDragDrop="False">

<Resizing AllowColumnResize="true" ResizeGridOnColumnResize="false" ClipCellContentOnResize="False">

</Resizing>

<Scrolling AllowScroll="true" UseStaticHeaders="false" FrozenColumnsCount ="1" ScrollHeight ="640px" />

<Selecting AllowRowSelect="True" />

<ClientEvents OnGridCreated="GridCreated" />

</ClientSettings>

<MasterTableView Width="99%" DataKeyNames="General ID" ClientDataKeyNames="General ID" TableLayout ="Auto"

AllowFilteringByColumn="true" >

<NestedViewSettings>

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="GeneralID" MasterKeyField="GeneralID" />

</ParentTableRelation>

</NestedViewSettings>

<NestedViewTemplate>

<telerik:RadGrid HorizontalAlign="center" Width="1000" ID="inner" runat="server">

<MasterTableView TableLayout="auto" AllowFilteringByColumn="true">

</MasterTableView>

</telerik:RadGrid>

</MasterTableView>

</telerik:RadGrid>

</radspl:RadPane>

</radspl:RadSplitter>

Best regards,
heng

5 Answers, 1 is accepted

answered on 11 Aug 2010, 08:20 AM

Hi Heng,

The provided code snippet is OK, the issue is probably caused by something else. Can you provide an isolated runnable web page, which reproduces the issue? Alternatively, send us a live URL.

If you are using RadFormDecorator to decorate checkboxes or radio buttons in RadGrid, please try setting

CSS

.rgDataDiv
{
position: relative ;
}

All the best,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

answered on 09 Nov 2010, 09:43 PM

Thanks for the feedback. The meta tag did the trick.

As it turns out, IE8 running in compatibility mode will also produce the large white space. It seems the Hierarchical Rad Grid needs to be run in IE8 mode only.

To fix this, add the following meta tag before any link or script tags in the page header:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

The full header looks like the following:

<head runat="server">

<title>Hello World</title>

<meta http-equiv="X-UA-Compatible" content="IE=8" />

<link href="../global.css" type="text/css" rel="stylesheet" />

<script src="script/global.js" type="text/javascript"></script>

</head>

This doesn't seem to affect Firefox, Safari, Opera, Chrome, etc...

Thanks again!

answered on 10 Nov 2010, 09:40 AM

Hello Peter,

>> "It seems the Hierarchical Rad Grid needs to be run in IE8 mode only."

This is generally not the case. It is possible that some browser quirk is triggered by the specific HTML / CSS code on the web page. If you provide a simple, but complete runnable demo, we can take a look.

Best wishes,
Dimo
the Telerik team