HeaderStyle-Width and Scrolling not working

[Omar Alexander]

Hello,

I have two columns of button with a fixed width header (HeaderStyle-Width) and all columns automatically fit the width of the grid, but to enable the scroll (<Scrolling AllowScroll ="true" UseStaticHeaders="true" />), the scroll does not appear.

<telerik:RadGrid ID="dbgCuentasCorreos" runat="server" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True" AllowMultiRowSelection="false">
                <MasterTableView ShowFooter="True" DataKeyNames="IdEmpresa, IdCuenta" CommandItemDisplay="Top" PagerStyle-Mode="NextPrevNumericAndAdvanced" InsertItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnFirstPage" TableLayout="Fixed">
                    <Columns>
                        <telerik:GridEditCommandColumn UniqueName="EditCommandColumn"  ButtonType="ImageButton" HeaderStyle-Width="30" EditImageUrl="../imagenes/Edit.png" InsertImageUrl="../imagenes/Edit.png"></telerik:GridEditCommandColumn>
                        <telerik:GridBoundColumn UniqueName="IdCuenta" DataField="IdCuenta" HeaderText="Cuenta" DataType="System.Int64"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn UniqueName="Nombre" DataField="Nombre" HeaderText="Nombre" DataType="System.String" MaxLength="100"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn UniqueName="Descripcion" DataField="Descripcion" HeaderText="Descripción" DataType="System.String" MaxLength="200"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn UniqueName="Estado" DataField="Estado" HeaderText="Estado" DataType="System.String" Display="false"></telerik:GridBoundColumn>
                        <telerik:GridButtonColumn ConfirmText="Desea eliminar este registro?" HeaderStyle-Width="30" ConfirmDialogType="RadWindow" ConfirmTitle="Eliminar" ButtonType="ImageButton"
                            CommandName="Delete" ImageUrl="../imagenes/Delete.png" UniqueName="DeleteColumn" Text="Eliminar" FilterControlAltText="Filter DeleteColumn column">
                        </telerik:GridButtonColumn>
                    </Columns>
                    <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>
                </MasterTableView>
                <ClientSettings>
                    <Selecting AllowRowSelect="true" />
                    <Scrolling AllowScroll ="true" UseStaticHeaders="true" />
                </ClientSettings>
            </telerik:RadGrid>

 

If remove the header fixed width of the two columns, the scroll if it appears.

 

Thanks for your help.

[Pavlina]

Hi,

In order to show the horizontal scroll you need to make sure that sum of all column widths exceed the width of the grid, otherwise they will fit in the available grid space.

Regards,
Pavlina
Telerik

 

 

[Omar Alexander]

Thanks for your answer Pavlina.

I have applied what you explain to me. I also removed the property TableLayout = "Fixed" as this fits the columns to grid width.

Attached images showing the before and after setting the HeaderStyle-Width property in the different dimensions of the Grid. The Scroll is always set to on.

Thank you.

[Pavlina]

Hello,

What happens if you set fixed columns width as shown below:

<MasterTableView ShowFooter="True" DataKeyNames="IdEmpresa, IdCuenta"  CommandItemDisplay="Top" HeaderStyle-Width="150px" PagerStyle-Mode="NextPrevNumericAndAdvanced" InsertItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnFirstPage" TableLayout="Fixed">

Regards,
Pavlina
Telerik