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:
Rendering:
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
>