GroupHeader Layout Issue

[Manuel]

Hi,

We have a RadGrid with Groupable columns, when the user group all the GroupHeaders has a white background with more height of usual like the first picture (CorrectLayout.jpg). When i Turn off the "AllowScroll=False" the GroupHeader layout behavior is correct for all the groups.

RadGrid aspx code:

<telerik:RadGrid ID="gridProductStore" runat="server" Skin="Windows7" AutoGenerateColumns="False"
             AllowPaging="True" AllowSorting="True" PageSize="8"
             OnNeedDataSource="gridProductStore_NeedDataSource"
             ShowGroupPanel="true">
            <ExportSettings ExportOnlyData="True" IgnorePaging="True" HideStructureColumns="true"
                FileName="ProductStoreReport">
            </ExportSettings>
            <ClientSettings EnableRowHoverStyle="true"
                AllowDragToGroup="true"
                AllowGroupExpandCollapse="True">
                <Scrolling AllowScroll="False" UseStaticHeaders="True"></Scrolling>
            </ClientSettings>
            <GroupingSettings ShowUnGroupButton="true" />
            <MasterTableView CommandItemDisplay="Top"
                TableLayout="Auto"
                BorderStyle="None"
                ClientDataKeyNames="ProductStoreID"
                HeaderStyle-Wrap="true"
                HeaderStyle-HorizontalAlign="Center"
                ItemStyle-HorizontalAlign="Center"
                AlternatingItemStyle-HorizontalAlign="Center" >
                <CommandItemSettings ShowAddNewRecordButton="false" ShowExportToExcelButton="true">
                </CommandItemSettings>
                <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
                </RowIndicatorColumn>
                <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                </ExpandCollapseColumn>
                <Columns>
                    <telerik:GridBoundColumn DataField="ProductStoreID" DataType="System.Int64" Visible="false"
                        FilterControlAltText="Filter ProductStoreID column" HeaderText="ProductStoreID"
                        SortExpression="ProductStoreID" UniqueName="ProductStoreID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ProductID" DataType="System.Int32" Visible="false"
                        FilterControlAltText="Filter ProductID column" HeaderText="ProductID"
                        SortExpression="ProductID" UniqueName="ProductID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="BatchID" DataType="System.Int64" HeaderStyle-Width="70px"
                        FilterControlAltText="Filter BatchID column" HeaderText="Batch N°"
                        SortExpression="BatchID" UniqueName="BatchID">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ProductName" HeaderStyle-Width="180px"
                        FilterControlAltText="Filter ProductName column" HeaderText="Product Name"
                        SortExpression="ProductName" UniqueName="ProductName">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ClaimCode" Groupable="false" HeaderStyle-Width="100px"
                        FilterControlAltText="Filter ClaimCode column" HeaderText="Claim Code"
                        SortExpression="ClaimCode" UniqueName="ClaimCode">
                    </telerik:GridBoundColumn>
                    <telerik:GridCheckBoxColumn DataField="IsSold" DataType="System.Boolean" Groupable="false" HeaderStyle-Width="70px"
                        FilterControlAltText="Filter IsSold column" HeaderText="Is Sold"
                        SortExpression="IsSold" UniqueName="IsSold">
                    </telerik:GridCheckBoxColumn>
                    <telerik:GridBoundColumn DataField="ExpirationDate" DataType="System.DateTime" Groupable="false"
                        FilterControlAltText="Filter ExpirationDate column" HeaderText="Expiration Date"
                        SortExpression="ExpirationDate" UniqueName="ExpirationDate">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="UploadedDate" DataType="System.DateTime" Groupable="false"
                        FilterControlAltText="Filter UploadedDate column" HeaderText="Uploaded Date"
                        SortExpression="UploadedDate" UniqueName="UploadedDate">
                    </telerik:GridBoundColumn>
                </Columns>
                <EditFormSettings>
                    <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                    </EditColumn>
                </EditFormSettings>
                <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" Position="Bottom" />
                <ItemStyle HorizontalAlign="Center"></ItemStyle>
                <AlternatingItemStyle HorizontalAlign="Center"></AlternatingItemStyle>
                <HeaderStyle HorizontalAlign="Center" Wrap="True"></HeaderStyle>
            </MasterTableView>
        </telerik:RadGrid>

Hope you can help me with this.

Best Regards,

[Eyup]

Hello Manuel,

I am afraid I am not able to reproduce the issue on my side. Using the exact provided code I have created a sample RadGrid page with my own datasource. Please find the attached Web Site and let me know if I am missing something out since everything works as expected on my end.

Could you please elaborate some more on the issue? On which browsers are you facing this problem? If you are applying any custom styling to your project, please disable it temporarily and see whether the problem persists.

All the best,
Eyup
the Telerik team