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

Fixed Header Grouped grid column alignment issue

1 Answer 72 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Brandon
Top achievements
Rank 1
Brandon asked on 31 Oct 2012, 03:52 PM
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>

1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 05 Nov 2012, 02:57 PM
Hi Brandon,

I am afraid we are not able to reproduce the issue on our end by the provided information so far. Could you please verify that you are using the latest version of RadControls as selected in the thread info?

Please open a support ticket to send us a sample runnable application demonstrating the problematic appearance or provide us the exact steps to reproduce the issue. Thus, we will be able to further analyze the issue and provide a proper solution.

Kind regards,
Eyup
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
Brandon
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or