I have used the radgrid to show some data to my customer, when I enable the 'AllowScroll' and 'UseStaticHeaders' function, there is a display problem in IE8 as attached image. The last part of the header and footer disappear.
I have tested for firefox 3.5.2, all things work fine. My Telerik.Web.UI.dll file version is 2010.2.929.35.
Here is some code for my grid
.ascx part:
<asp:Panel id="TelerikSummaryReportsPanel" runat="server" style="margin-top:10px;">
<telerik:RadGrid ID="gridReports_Telerik" runat="server"
EnableAjaxSkinRendering="true"
GridLines="Horizontal" CellPadding="0" BorderStyle="None"
ClientSettings-AllowColumnHide="true" ClientSettings-EnableRowHoverStyle="true"
ShowStatusBar="true" ShowHeader="true" AllowSorting="true"
ShowFooter="true" RegisterWithScriptManager="true"
EnableViewState="true"
AllowFilteringByColumn="true"
AllowMultiRowSelection="true">
<GroupingSettings CaseSensitive="false" />
<ClientSettings>
<Scrolling EnableVirtualScrollPaging="false" />
<Scrolling AllowScroll="true" UseStaticHeaders="true" />
<Selecting AllowRowSelect="true" EnableDragToSelectRows="true" />
<Resizing AllowColumnResize="true" EnableRealTimeResize="true" ShowRowIndicatorColumn="true"
ResizeGridOnColumnResize="true" AllowRowResize="false" ClipCellContentOnResize="false" />
</ClientSettings>
</telerik:RadGrid>
</asp:Panel>
And I control the height in the C# code, if no height setting or it is larger than the actual height of data, no problem occurs.
.ascx.cs file:
protected void gridReports_DataBound(object sender, EventArgs e)
{
RadGrid Grid = (RadGrid)sender;
int rowCount = Grid.Items.Count;
if (rowCount > 25)
{
gridReports_Telerik.Height = 700;
}
}
What can I do or test to solve this problem? Thanks a lot if you can give some advice
I have tested for firefox 3.5.2, all things work fine. My Telerik.Web.UI.dll file version is 2010.2.929.35.
Here is some code for my grid
.ascx part:
<asp:Panel id="TelerikSummaryReportsPanel" runat="server" style="margin-top:10px;">
<telerik:RadGrid ID="gridReports_Telerik" runat="server"
EnableAjaxSkinRendering="true"
GridLines="Horizontal" CellPadding="0" BorderStyle="None"
ClientSettings-AllowColumnHide="true" ClientSettings-EnableRowHoverStyle="true"
ShowStatusBar="true" ShowHeader="true" AllowSorting="true"
ShowFooter="true" RegisterWithScriptManager="true"
EnableViewState="true"
AllowFilteringByColumn="true"
AllowMultiRowSelection="true">
<GroupingSettings CaseSensitive="false" />
<ClientSettings>
<Scrolling EnableVirtualScrollPaging="false" />
<Scrolling AllowScroll="true" UseStaticHeaders="true" />
<Selecting AllowRowSelect="true" EnableDragToSelectRows="true" />
<Resizing AllowColumnResize="true" EnableRealTimeResize="true" ShowRowIndicatorColumn="true"
ResizeGridOnColumnResize="true" AllowRowResize="false" ClipCellContentOnResize="false" />
</ClientSettings>
</telerik:RadGrid>
</asp:Panel>
And I control the height in the C# code, if no height setting or it is larger than the actual height of data, no problem occurs.
.ascx.cs file:
protected void gridReports_DataBound(object sender, EventArgs e)
{
RadGrid Grid = (RadGrid)sender;
int rowCount = Grid.Items.Count;
if (rowCount > 25)
{
gridReports_Telerik.Height = 700;
}
}
What can I do or test to solve this problem? Thanks a lot if you can give some advice