Retain column widths after resizing column

[Amy]

Is there a way to retain the width of columns in a radgrid after resizing one or more columns?  After resizing one of the columns, if I do anything, such as navigate to the next page in the grid, then the resizing is lost and all the columns are back to the original size as if I just accessed the page.

 

Thanks!

[Amy]

Also, a similar thing happens if I right-click on one of the column headers, choose the 'columns' option, and hide one of the columns.  When navigating to the next page, or anything that causes a postback, the grid is back to it's original state.

[Milena]

Hello Amy,

Please navigate to this demo page and verify that resizing is being persisted on postback. In case this behavior meet your requirements, you can setup the grid like it is demonstrated there and verify how it works on your end.

Regards,
Milena
Telerik by Progress

[Amy]

Thank you!  I added in the code for the clientsettings, and the grid worked as expected.

[Amy]

Hi,

We must have something interfering with our grid settings.  Reordering the columns work fine.  However, removing columns or resizing columns are reset to the default values if the grid is refreshed.  I've included below the relevant parts of one of the radgrids in our web application.  I left out the columns for privacy reasons; the settings on them do have filter ability, default header widths (for most columns), and autopostbackonfilter set to true.

 

<telerik:RadGrid
       ID="RadGrid1"
       runat="server"
       Skin="Windows7"
       GridLines="None"
       AutoGenerateColumns="False"
       AllowPaging="True"
       AllowSorting="True"
       AllowFilteringByColumn="True"
       EnableLinqExpressions="false"
       Width="100%"
       ShowGroupPanel="true"
       EnableHeaderContextMenu="true"
       PageSize="20">
       <MasterTableView
           DataKeyNames=[removed for privacy reasons]
           Width="100%"
           AllowMultiColumnSorting="true"
           CommandItemDisplay="Top">
           <CommandItemTemplate>
               <telerik:RadToolBar ID="RadToolBar1" runat="server" AutoPostBack="true" Skin="Windows7">
                   <Items>
                       <telerik:RadToolBarButton CommandName="clear" BorderColor="Black" BorderStyle="Solid"
                           BorderWidth="1px" />
                       <telerik:RadToolBarButton CommandName="filt" BorderColor="Black" BorderStyle="Solid"
                           BorderWidth="1px" />
                       <telerik:RadToolBarButton IsSeparator="true" />
                       <telerik:RadToolBarButton CommandName="viewall" Group="view" CheckOnClick="true"
                           BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" />
                       <telerik:RadToolBarButton CommandName="viewrej" Group="view" CheckOnClick="true"
                           BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" />
                       <telerik:RadToolBarButton CommandName="viewlim" Group="view" CheckOnClick="true"
                           BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" />
                       <telerik:RadToolBarButton IsSeparator="true" />
                       <telerik:RadToolBarButton CommandName="RebindGrid" BorderColor="Black" BorderStyle="Solid"
                           BorderWidth="1px" />
                   </Items>
               </telerik:RadToolBar>
           </CommandItemTemplate>
           <Columns>

[columns removed for privacy reasons]

</columns>
     </MasterTableView>
    <HeaderStyle HorizontalAlign="Center" Font-Size="Small" Font-Bold="true" Font-Names="Verdana" />
    <ItemStyle Font-Size="Small" VerticalAlign="Middle" Font-Names="Verdana" />
    <AlternatingItemStyle Font-Size="Small" VerticalAlign="Middle" Font-Names="Verdana" />
    <PagerStyle Mode="NextPrevNumericAndAdvanced" AlwaysVisible="true" Position="TopAndBottom" />
    <GroupingSettings CaseSensitive="False" ShowUnGroupButton="true" />
    <ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="true">
        <Resizing AllowRowResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"
            AllowColumnResize="True"></Resizing>
    </ClientSettings>
    <SortingSettings SortedBackColor="Turquoise" SortedAscToolTip="Click To Reverse Sort"
        SortedDescToolTip="Click To Remove Sort" EnableSkinSortStyles="false" />
</telerik:RadGrid>

[Milena]

Hello,

We tried to simulate your project and replicate the unwanted behavior, but to no avail. Attached, you can find the testing project. Could you replicate the problem on it and give us exact steps for reproduce?

Regards,
Milena
Telerik by Progress

[Amy]

Thank you for the test project.  Based on the settings you provided, I realized the grids do retain the column width after resizing. 

I have a related question.  Let me know if I should start a new post instead of continuing this post.

One thing I noticed is if you hide a column using the context menu, it will be displayed again after a postback.  Choosing the 'group by' option from the context menu seems to persist after a postback.  Is there a setting to preserve hiding columns?

[Milena]

Hello,

Using the test project I am not able to replicate the behavior where the hidden columns appear after postback. Please provide a runnable project to replicate the problem on our side.

Regards,
Milena
Telerik by Progress