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

rgheader css class missing from th

0 Answers 155 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Katie
Top achievements
Rank 1
Katie asked on 10 Mar 2014, 09:58 PM
Hopefully this is a simple issue/rookie mistake. We have a RadGrid where our header row is not showing at all. I don't know why, but it appears that the css class "rgHeader" is not attached to the th. Any thoughts on how to fix this or where to even start troubleshooting? We have this code working as part of a larger project on other machines (where the header correctly gets the rgheader class). We can't rule out that it's a machine issue or that something is missing that was included in the larger project. Image of missing header row attached (note we purposefully loaded two empty rows of data, so we know all the data is loading correctly) as well as grid definition and rendered html.

Grid:
<telerik:RadGrid ID="AXXRadGrid" runat="server" GridLines="None" AllowAutomaticUpdates="True"
                OnItemCommand="AXXRadGrid_ItemCommand" OnItemDataBound="AXXRadGrid_ItemDataBound"
                AutoGenerateColumns="false" OnSortCommand="AXXRadGrid_SortCommand" AllowMultiRowSelection="true"
                OnItemCreated="AXXRadGrid_ItemCreated" DataSourceID="RequestMasterDataSource"
                OnHTMLExporting="AXXRadGrid_HTMLExporting" OnExportCellFormatting="AXXRadGrid_ExcelExportCellFormatting">
                <ExportSettings HideStructureColumns="true" />
                <MasterTableView TableLayout="Auto" RetrieveDataTypeFromFirstItem="true" CommandItemDisplay="Top">
                    <CommandItemSettings ShowExportToExcelButton="false" ShowAddNewRecordButton="false"
                        ShowRefreshButton="false" />
                </MasterTableView>
                <ClientSettings>
                    <Selecting AllowRowSelect="True"></Selecting>
                    <Scrolling AllowScroll="false"></Scrolling>
                    <Resizing ResizeGridOnColumnResize="True" AllowRowResize="True" AllowColumnResize="True" />
                    <ClientMessages DragToGroupOrReorder="Drag to group" />
                </ClientSettings>
                <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">
                </HeaderContextMenu>
            </telerik:RadGrid>


Rendering:
<table class="rgMasterTable" border="0" id="ctl00_m_g_b8cf9c0d_003b_4572_a197_c425836f7d6f_ctl00_AXXRadGrid_ctl00" style="width:100%;table-layout:auto;empty-cells:show;">
    <colgroup>
        <col style="width:60px">
        <col style="width:60px">
        <col style="width:60px">
        <col style="width:60px">
        <col style="width:60px">
        <col style="width:60px">
        <col style="width:60px">
        <col style="width:60px">
        <col style="width:60px">
        <col style="width:60px">
        <col style="width:60px">
        <col style="width:60px">
        <col style="width:60px">
    </colgroup>
<thead>
        <tr style="background-color:#EF5D63;display:none;">
            <th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl00','')">SR Number</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl01','')">Client Name</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl02','')">Column 1</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl03','')">Column 2</a> <input type="button" name="ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl04" value=" " onclick="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl04','')"></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl05','')">Column 3</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl06','')">Column 4</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl07','')">Column 5</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl08','')">Column 6</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl09','')">Column 7</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl10','')">Column 8</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl11','')">Column 9</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl12','')">Column 10</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl13','')">Column 11</a></th>
        </tr>
    </thead><tfoot>
        <tr class=" rgPager">
            <td colspan="13"><table summary="Data pager which controls on which page is the RadGrid control." border="0" style="width:100%;border-spacing:0;">
                <caption>
                    <span style="display: none">Data pager</span>
                </caption><thead>
                    <tr>
                        <th scope="col"></th>
                    </tr>
                </thead><tbody>
                    <tr>
                        <td class="rgPagerCell NextPrev"><div class="rgWrap rgArrPart1">
                            Change page: <input type="button" name="ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl02" value=" " onclick="return false;WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl02", "", true, "", "", false, true))" title="First Page" class="rgPageFirst"> <input type="button" name="ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl03" value=" " onclick="return false;WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl03", "", true, "", "", false, true))" title="Previous Page" class="rgPagePrev"><input type="button" name="ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl04" value=" " onclick="return false;WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl04", "", true, "", "", false, true))" title="Next Page" class="rgPageNext">  <input type="button" name="ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl05" value=" " onclick="return false;WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl05", "", true, "", "", false, true))" title="Last Page" class="rgPageLast">
                        </div><div class="rgWrap rgInfoPart">
                              Page <strong>1</strong> of <strong>1</strong>, items <strong>0</strong> to <strong>0</strong> of <strong>0</strong>.
                        </div></td>
                    </tr>
                </tbody>
            </table></td>
        </tr>
    </tfoot><tbody>
    <tr class="rgNoRecords">
        <td colspan="13" style="text-align:left;"><div>No records to display.</div></td>
    </tr>
    </tbody>
 
</table>

No answers yet. Maybe you can help?

Tags
Grid
Asked by
Katie
Top achievements
Rank 1
Share this question
or