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>