RadGrid Header Not Formatting Correctly

[Steve]

I have a RadGrid that is not displaying the header row correctly.  The right column of the RadGrid has got some odd formatting.  I have attached a document (.png) that illustrates the issue.

Here is sample code the pages:

This page is not working:

<telerik:RadGrid ID="grdMasterList" Visible="true" runat="server" EnableEmbeddedSkins="false"
                            Skin="Premise" AllowPaging="false" AllowMultiRowSelection="false" AutoGenerateColumns="false"
                            PageSize="25" AllowSorting="true" OnItemDataBound="grdMasterList_ItemDataBound"
                            OnItemCreated="grdMasterList_ItemCreated" Height="100%">
                            <ClientSettings EnableRowHoverStyle="true">
                                <Selecting AllowRowSelect="true" />
                                <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                                <ClientEvents OnGridCreated="GridHeight" />
                            </ClientSettings>
                            <MasterTableView Name="CodeTable" HierarchyLoadMode="ServerOnDemand" DataKeyNames="PersNbr"
                                ClientDataKeyNames="ChkInOutStatus, PersNbr, DeviceNbr, CurrBreakStatCd, BreakNbr" TableLayout="Fixed">

This page is working:

<telerik:RadGrid ID="grdMasterList_ZoneCoverage" runat="server" EnableEmbeddedSkins="false"
                                        Skin="Premise" AllowPaging="false" AllowMultiRowSelection="false" AutoGenerateColumns="false"
                                        PageSize="25" AllowSorting="true" OnItemCreated="grdMasterList_ZoneCoverage_ItemCreated"
                                        OnItemDataBound="grdMasterList_ZoneCoverage_ItemDataBound" OnPreRender="grdMasterList_ZoneCoverage_PreRender"
                                        Height="600">
                                        <ClientSettings EnableRowHoverStyle="false">
                                            <Selecting AllowRowSelect="true" />
                                            <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                                            <ClientEvents OnGridCreated="GridHeight" />
 </ClientSettings>                                         <MasterTableView Name="CodeTable" HierarchyLoadMode="ServerOnDemand" DataKeyNames="OrgNbr" TableLayout="Fixed">

I have tried turning TableLayout Auto and Fixed.  But that had no effect.

Any thoughts?

Thanks.

Steve

[Dimo]

Hi Steve,

For some reason the RadGrid header item becomes higher than usual. Either prevent this, or remove the top-right background with

<telerik:RadGrid  CssClass="rgNoScrollImage"  />

Due to the specifics of the RadGrid rendering, we do not support alignment of the top-right image with a random header height.

Greetings,
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.