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

StaticHeader causes expand group white space

2 Answers 84 Views
Grid
This is a migrated thread and some comments may be shown as answers.
RRH
Top achievements
Rank 1
RRH asked on 29 Dec 2011, 04:03 PM
I'm using Telerik.Web.UI 2011.2.712.35 and want to use grouping. The group exapand/collapse works properly when UseStaticHeaders is set to False. But when UseStaticHeaders is set to True, expanding or collapsing a group cause a lot of white space between the header and the 1st grid row's data. Grid settings as per code below. See BeforeExpand.png and AfterExpand.png screenshots. Note: After forcing a postback, grid returns to BeforeExpand.png view.

 

<telerik:RadGrid ID="rgPOsNew" runat="server" ShowGroupPanel="True" AutoGenerateColumns="False" AllowPaging="False" AllowSorting="True" Width="98%" EnableTheming="False" GridLines="None"  OnNeedDataSource="rg_NeedDataSource">

 <ClientSettings AllowDragToGroup="True" AllowGroupExpandCollapse="True" AllowColumnsReorder="True">

    <Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True">

     </Resizing>

     <Scrolling AllowScroll="True" UseStaticHeaders="False" ScrollHeight="400px" />

 </ClientSettings>

 <HeaderStyle Wrap="True" HorizontalAlign="Center" VerticalAlign="Middle" Height="20px" />

 <GroupPanel>

 </GroupPanel>

 <MasterTableView HorizontalAlign="Center" GroupLoadMode="Client" Width="98%">

     <GroupByExpressions>

         <telerik:GridGroupByExpression>

             <GroupByFields>

                 <telerik:GridGroupByField FieldAlias="JobNumber" FieldName="JobNumber" />

                     </GroupByFields>

                         <SelectFields>

                     <telerik:GridGroupByField FieldAlias="JobNumber" FieldName="JobNumber" />

                     </SelectFields>

             </telerik:GridGroupByExpression>

         </GroupByExpressions>

     <GroupHeaderItemStyle BackColor="LightSteelBlue" />

     <RowIndicatorColumn>

     <HeaderStyle Width="20px" />

     </RowIndicatorColumn>

     <ExpandCollapseColumn Visible="False">

         <HeaderStyle Width="20px" />

     </ExpandCollapseColumn>

     <AlternatingItemStyle BackColor="#E0E0E0" />

     <ItemStyle BackColor="White" />

     <Columns>

 



2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 30 Dec 2011, 04:50 AM
Hello,

Check the following forum thread which discussed similar scenario.
White space at the header of radgrid in different browsers

-Shinu.
0
RRH
Top achievements
Rank 1
answered on 13 Jan 2012, 02:29 PM
Thank you very much Shinu. I was finally able to resume this project and the articles proved very helpful.
Tags
Grid
Asked by
RRH
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
RRH
Top achievements
Rank 1
Share this question
or