Good Morning, I am having an issue with a grid that has fixed headers and has grouping enabled. Everything aligns correctly until the grouping is collapsed to where there is no vertical scrollbar. When this happens the header and the cells become misaligned (see screenshot). Is there anyway to fix this issue?
<
telerik:RadGrid
ID
=
"grdLabs"
runat
=
"server"
Skin
=
"grid"
EnableEmbeddedSkins
=
"False"
SelectedItemStyle-CssClass
=
"SelectedStyle"
AllowMultiRowSelection
=
"True"
AllowSorting
=
"False"
CellSpacing
=
"0"
GridLines
=
"None"
AllowPaging
=
"false"
AutoGenerateColumns
=
"False"
GroupingEnabled
=
"True"
Height
=
"100%"
Width
=
"100%"
EnableAJAX
=
"false"
>
<
MasterTableView
ShowHeadersWhenNoRecords
=
"True"
GroupLoadMode
=
"Client"
TableLayout
=
"Auto"
>
<
GroupHeaderTemplate
>
<
span
style
=
"font-weight: bold;"
>
<%# Eval("CategoryType")%></
span
>
</
GroupHeaderTemplate
>
<
GroupByExpressions
>
<
telerik:GridGroupByExpression
>
<
SelectFields
>
<
telerik:GridGroupByField
FieldName
=
"CategoryType"
HeaderText
=
""
/>
</
SelectFields
>
<
GroupByFields
>
<
telerik:GridGroupByField
FieldName
=
"CategorySeq"
HeaderText
=
""
/>
</
GroupByFields
>
</
telerik:GridGroupByExpression
>
</
GroupByExpressions
>
<
NoRecordsTemplate
>
No results
</
NoRecordsTemplate
>
</
MasterTableView
>
<
ClientSettings
Resizing-AllowColumnResize
=
"False"
Resizing-ResizeGridOnColumnResize
=
"False"
AllowGroupExpandCollapse
=
"True"
AllowExpandCollapse
=
"False"
>
<
Selecting
AllowRowSelect
=
"True"
EnableDragToSelectRows
=
"False"
></
Selecting
>
<
Scrolling
AllowScroll
=
"True"
UseStaticHeaders
=
"False"
SaveScrollPosition
=
"True"
FrozenColumnsCount
=
"0"
/>
</
ClientSettings
>
<
GroupingSettings
ShowUnGroupButton
=
"true"
/>
<
PagerStyle
Mode
=
"NumericPages"
Position
=
"Top"
PagerTextFormat
=
"{4} Page {0} of {1}, results {2} to {3} of {5}."
/>
</
telerik:RadGrid
>