Grid Header missing

[Higher]

before 2013Q2,Grid header is this(snap1):

up to Q3,Header became so(snap2):

Q3sp1 Is the same.

[Jamie Dulaney]

i have same problem right now... check to see browser version... Mine only happens on IE9 (with or without compatibility).... IE10 & IE11 & Chrome seem to be fine.....

[Jamie Dulaney]

       
Below is my ASPX content...

<telerik:RadGrid ID="MainGrid" runat="server" HorizontalAlign="NotSet" OnNeedDataSource="MainGrid_NeedDataSource" OnItemCommand="MainGrid_ItemCommand">

    <MasterTableView AutoGenerateColumns="False" HorizontalAlign="NotSet" DataKeyNames="OrgGTID">

        <EditFormSettings>

            <EditColumn UniqueName="EditCommandColumn">

            </EditColumn>

        </EditFormSettings>

        <ExpandCollapseColumn ButtonType="ImageButton" UniqueName="ExpandColumn" Visible="False">

            <HeaderStyle Width="19px" />

        </ExpandCollapseColumn>

        <RowIndicatorColumn UniqueName="RowIndicator" Visible="False">

            <HeaderStyle Width="20px" />

        </RowIndicatorColumn>

        <Columns>

            <telerik:GridButtonColumn CommandName="View" Text="Edit/View" UniqueName="ViewColumn" ButtonType="ImageButton" ImageUrl="~/Images/edit16.gif" Reorderable="False" Resizable="False">

                <ItemStyle CssClass="Grid_Button" />

            </telerik:GridButtonColumn>

            <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn" ConfirmText="Are you sure you want to delete this company group ?" ButtonType="ImageButton" ImageUrl="~/Images/cross_16.gif" Reorderable="False" Resizable="False">

                <ItemStyle CssClass="Grid_Button" />

            </telerik:GridButtonColumn>

            <telerik:GridBoundColumn DataField="OrgGTID" HeaderText="Group ID" UniqueName="OrgGTID">

            </telerik:GridBoundColumn>

            <telerik:GridBoundColumn DataField="GroupName" HeaderText="Group Name" UniqueName="GroupName">

                <FooterStyle Width="200px" />

                <HeaderStyle Width="200px" />

                <ItemStyle Width="200px" />                   

            </telerik:GridBoundColumn>

            <telerik:GridBoundColumn DataField="GroupComments" HeaderText="Notes" UniqueName="GroupComments">

            </telerik:GridBoundColumn>

            <telerik:GridBoundColumn DataField="GroupAvailable" HeaderText="Avail" UniqueName="GroupAvailable">

                <FooterStyle Width="80px" />

                <HeaderStyle Width="80px" />

                <ItemStyle Width="80px" />                   

            </telerik:GridBoundColumn>

        </Columns>

    </MasterTableView>

</telerik:RadGrid>


Prior to rendering I also do the following:

    public void SetGridDefaults(Telerik.Web.UI.RadGrid mainGrid, int noOfRows)
    {
        // ********************************************
        // * Set the pager information here..
        // ********************************************
        mainGrid.MasterTableView.PageSize = noOfRows;
        mainGrid.AllowPaging = true;
        mainGrid.PagerStyle.Position = Telerik.Web.UI.GridPagerPosition.Bottom;
        mainGrid.PagerStyle.Mode = Telerik.Web.UI.GridPagerMode.NextPrevAndNumeric;
        mainGrid.PagerStyle.AlwaysVisible = true;
        // ********************************************
        // *  Set to show footer...
        // ********************************************
        mainGrid.MasterTableView.ShowFooter = true;
        // ********************************************
        // *  Height/Width w/scroll bar support
        // ********************************************
        //mainGrid.ClientSettings.Scrolling.AllowScroll = true;
        mainGrid.ClientSettings.Scrolling.UseStaticHeaders = true;
        mainGrid.ClientSettings.Scrolling.SaveScrollPosition = true;
        mainGrid.Width = System.Web.UI.WebControls.Unit.Percentage(100);
        //int tempSize = noOfRows * cnstRowHeight;
        //if (tempSize > 400)
        //{
        //    tempSize = 400;
        //}
        //mainGrid.Height = System.Web.UI.WebControls.Unit.Pixel(tempSize);
        mainGrid.Height = System.Web.UI.WebControls.Unit.Percentage(100);
        mainGrid.ClientSettings.Resizing.AllowColumnResize = true;
        mainGrid.ClientSettings.Resizing.EnableRealTimeResize = true;
        mainGrid.ClientSettings.Resizing.ResizeGridOnColumnResize = true;
        mainGrid.ClientSettings.Resizing.ClipCellContentOnResize = true;
        mainGrid.ClientSettings.AllowColumnsReorder = true;
        // ********************************************
        // *  Sorting options
        // ********************************************
        mainGrid.AllowSorting = true;
        mainGrid.MasterTableView.AllowSorting = true;
        // ********************************************
        // * Status bar
        // ********************************************
        mainGrid.ShowStatusBar = true;
        mainGrid.StatusBarSettings.ReadyText = "";
        mainGrid.StatusBarSettings.LoadingText = "...Working...";
        // ********************************************
        // * Miscellaneous
        // ********************************************
        mainGrid.ShowGroupPanel = false;
        mainGrid.EnableViewState = true;
        mainGrid.GroupingEnabled = false;
        // ********************************************
        // * Default Alignment PLUS default to hide
        // * all columns...
        // ********************************************
        foreach (Telerik.Web.UI.GridColumn gc in mainGrid.MasterTableView.Columns)
        {
            gc.Visible = false;
            gc.ItemStyle.VerticalAlign = System.Web.UI.WebControls.VerticalAlign.Top;
            gc.ItemStyle.HorizontalAlign = System.Web.UI.WebControls.HorizontalAlign.Left;
            gc.HeaderStyle.HorizontalAlign = System.Web.UI.WebControls.HorizontalAlign.Left;
            if (gc is Telerik.Web.UI.GridButtonColumn)
            {
                Telerik.Web.UI.GridButtonColumn gcb = new Telerik.Web.UI.GridButtonColumn();
                gcb = (Telerik.Web.UI.GridButtonColumn)gc;
                if (gcb.ButtonType == Telerik.Web.UI.GridButtonColumnType.ImageButton)
                {
                    gcb.ItemStyle.Width = System.Web.UI.WebControls.Unit.Pixel(cnstImageButtonWidth);
                    gcb.ItemStyle.HorizontalAlign = System.Web.UI.WebControls.HorizontalAlign.Center;
                    gcb.ItemStyle.VerticalAlign = System.Web.UI.WebControls.VerticalAlign.Top;

                    gcb.HeaderStyle.Width = System.Web.UI.WebControls.Unit.Pixel(cnstImageButtonWidth);
                    gcb.HeaderStyle.HorizontalAlign = System.Web.UI.WebControls.HorizontalAlign.Center;
                    gcb.HeaderStyle.VerticalAlign = System.Web.UI.WebControls.VerticalAlign.Top;

                    gcb.FooterStyle.Width = System.Web.UI.WebControls.Unit.Pixel(cnstImageButtonWidth);
                    gcb.FooterStyle.HorizontalAlign = System.Web.UI.WebControls.HorizontalAlign.Center;
                    gcb.FooterStyle.VerticalAlign = System.Web.UI.WebControls.VerticalAlign.Top;
                }
            }
        }
    }
}

Not sure if anything in there looks similar to your form, but this is not working for me (headers) on IE9

[Higher]

The strange thing is the 2013Q2 is normal,Even IE9.

[Venelin]

Hello,

I have noticed these lines of code:

C#:

//mainGrid.ClientSettings.Scrolling.AllowScroll = true;
mainGrid.ClientSettings.Scrolling.UseStaticHeaders = true;

Note that it is not a valid scenario to set UseStaticHeaders to true without actually enabling the scrolling. If you want to use static headers feature please enable the scrolling.

Also, check if you are not running in Quirks Mode. This can happen if:

1. There is no doctype on the page
2. The doctype is not valid
3. The doctype is not the first tag rendered in the html.

Regards,
Venelin
Telerik

[Jamie Dulaney]

Thanks for the assistance...  

I tried removing the static headers,  made no difference....

I then tried the suggestion for a different DOCTYPE.  This worked.    Thanks....