Radgrid column resize

[Vsoni]

Hi,

When resizing a column by increase to the right, it reduce left columns size.
Is there any way to freeze the left columns or at least one column during resize?

[Princy]

Hi,

I guess your issue is that when you increase a column width its next column width gets reduced. This is expected because the browser resize the rest of the columns by itself. The behavior could be avoided by enabling ResizeGridOnColumnResize . Take a look at this article for more details on Resizing Columns.

Thanks,
Princy

[Vsoni]

Hi,

No issue is that If I am resizing 3 column then 1st and 2nd column also changed
I want after 3rd column only resized.

[Princy]

Hi,

As mentioned above, since you are resizing the columns in Grid, the other columns will adjust accordingly, its expected. The only way is you can set Resizing-ResizeGridOnColumnResize="true" property. Below is a sample code I tried which worked fine. If this doesn't help, provide your code snippet.

ASPX:

<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1">
    <MasterTableView>
        <Columns>
            <telerik:GridBoundColumn UniqueName="OrderID" DataField="OrderID" HeaderText="OrderID" Resizable="false">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="ShipCity" HeaderText="ShipCity" UniqueName="ShipCity">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="CustomerID" DataField="CustomerID" HeaderText="CustomerID">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="ShipVia" HeaderText="ShipVia" UniqueName="ShipVia">
            </telerik:GridBoundColumn>
        </Columns>
    </MasterTableView>
    <ClientSettings Resizing-AllowColumnResize="true" Resizing-ResizeGridOnColumnResize="true">
    </ClientSettings>
</telerik:RadGrid>

Thanks,
Princy

[Vsoni]

<telerik:RadMultiPage
ID="rmultiStatisticsOn" runat="server"
CssClass="tableBox"

Height="100%" SelectedIndex="0" Width="100%"
ClientIDMode="Static">

<telerik:RadPageView ID="rpvFile" runat="server">

<telerik:RadGrid ID="rgResource" runat="server"
AllowMultiRowSelection="false" AllowPaging="true"

AllowSorting="true" GridLines="None"
ClientSettings-ClientEvents-OnGridCreated="GridCreated">

<PagerStyle AlwaysVisible="true"
Mode="NextPrevAndNumeric" />

<ClientSettings AllowColumnHide="true"
AllowColumnsReorder="false" EnableRowHoverStyle="true"

ReorderColumnsOnClient="false">

<Resizing ResizeGridOnColumnResize="true"
ClipCellContentOnResize="true" AllowColumnResize="true"

EnableRealTimeResize="true" />

<Scrolling UseStaticHeaders="true" />

<DataBinding Location="~/ResourceManagement/UsageStatistics.aspx"
SelectMethod="wmBindResources"

ShowEmptyRowsOnLoad="false" />

<ClientEvents OnCommand="GridCommand"
OnRowDataBound="rgResource_RowDatabound" OnDataBinding="Resource_DataBinding"
OnDataSourceResolved="Resource_DataResolved"

OnRowContextMenu="RowContextMenu"
OnRowDblClick="RowDoubleClick" OnColumnResized
="onColumnResizing" ></ClientEvents>

<Selecting AllowRowSelect="True" />

</ClientSettings>

<ItemStyle Wrap="false" />

<HeaderStyle Wrap="false" />

<SortingSettings EnableSkinSortStyles="false" />

<MasterTableView AllowNaturalSort="false"
AutoGenerateColumns="false" ClientDataKeyNames="Id"
Width="100%">

<Columns>

<telerik:GridTemplateColumn HeaderText="<%$ Resources:Name%>"
ItemStyle-Wrap="false"

ShowSortIcon="true" SortExpression="Name"
UniqueName="Name">

<ClientItemTemplate>

<div style="width:100%;text-align:left" nowrap><label
id="aName_#=Id#" border="0" class="aStyle"
>#=Name#</label></div>

<div id="divtxt_#=Id#" style="display:none" >

<img id="imgType_#=Id#" class="resource_icon"
></img>

</div>

<input id="hdnResourceId" type="hidden"
value="#=Id#" />

<HeaderStyle Wrap="false" Width="20%"/><%----%>

</ClientItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<%$ Resources:TypeHeader
%>" ItemStyle-Wrap="false"

ShowSortIcon="true" SortExpression="Type"
UniqueName="Type">

<ClientItemTemplate>

<label id="lblType_#=Id#" ></label>

</ClientItemTemplate>

<HeaderStyle Wrap="false" Width="5%" />

<%-- --%>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<%$
Resources:Location%>" ItemStyle-Wrap="false"

ShowSortIcon="true" SortExpression="Location"
UniqueName="Location">

<ClientItemTemplate>

<div title="#=ToolTip_Location#"
style="width:100%;white-space:nowrap !important">

<label ID="lblLocation_#=Id#">#=Location#</label><%--
ToolTip='<%# Eval("Location") %>'--%>

</div>

</ClientItemTemplate>

<HeaderStyle Wrap="false" Width="20%" />

<%-->--%>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<%$
Resources:Size%>" ItemStyle-Wrap="false"

ShowSortIcon="true" SortExpression="Size"
UniqueName="Size">

<ClientItemTemplate>

<label ID="lblSize">#=Size#</label>

</ClientItemTemplate>

<HeaderStyle Wrap="false" Width="7%" />

<%-- --%>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<%$
Resources:Hits%>" ItemStyle-HorizontalAlign="Center"

ItemStyle-Wrap="false" ShowSortIcon="true"
SortExpression="UsageCount" UniqueName="UsageCount">

<ClientItemTemplate>

<label ID="lblUsageCount">#=UsageCount#</label>

</ClientItemTemplate>

<HeaderStyle Wrap="false" Width="12%"
HorizontalAlign="Center" />

</telerik:GridTemplateColumn>



<telerik:GridTemplateColumn HeaderText="<%$
Resources:Percentage%>" ShowSortIcon="true"

SortExpression="Usage" UniqueName="Usage">

<ClientItemTemplate>

<label ID="lblUsagePer">#=UsagePer#</label>

</ClientItemTemplate>

<ItemStyle Wrap="false" />

<HeaderStyle Wrap="false" Width="5%" />

<%----%>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Status"
HeaderText="<%$ Resources:Status%>"

SortExpression="Status" ShowSortIcon="true">

<ClientItemTemplate>

<label id="lblStatus">#=Status#</label>

</ClientItemTemplate>

<ItemStyle Wrap="false" />

<HeaderStyle Wrap="false" Width="6%" />

<%-- HeaderStyle-Width="50"--%>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="OpenBy"
HeaderText="<%$ Resources:OpenBy%>"

SortExpression="OpenBy" ShowSortIcon="true">

<ClientItemTemplate>

<label id="lblOpenBy">#=OpenBy#</label>

</ClientItemTemplate>

<ItemStyle Wrap="false" />

<HeaderStyle Wrap="false" Width="12%" />

<%----%>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<%$
Resources:OpenOn%>"

ShowSortIcon="true" SortExpression="OpenOn"
UniqueName="OpenOn">

<ClientItemTemplate>

<label ID="lblOpenOn">#=OpenOn#</label>

</ClientItemTemplate>

<ItemStyle Wrap="false" />

<HeaderStyle Wrap="false" Width="12%" />

<%-- --%>

</telerik:GridTemplateColumn>

</Columns>



</MasterTableView>





</telerik:RadGrid>





<telerik:RadContextMenu ID="rcmFileItems" runat="server"
ClientIDMode="Static" CollapseAnimation-Type="None"

EnableRoundedCorners="true" EnableShadows="true"
ExpandAnimation-Duration="200"

ExpandAnimation-Type="OutCubic"
OnClientItemClicked="clientItemClick">



<Items>

<telerik:RadMenuItem Text="<%$ Resources:Open %>"
Value="Open">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="<%$ Resources:History %>"
Value="History">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="<%$ Resources:ReleaseLock%>"
Value="Releaselock">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="<%$ Resources:OpenFileLocation%>"
Value="OpenFileLocation">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="<%$
Resources:OpenLinkedObjects%>" Value="OpenLinkedObjects">

</telerik:RadMenuItem>

</Items>

</telerik:RadContextMenu>

</telerik:RadPageView>

[Vsoni]

I have tried your suggestion but its cutting right side columns as shown in the attachment

[Galin]

Hi Vsoni,

As Princy mentioned bellow this behavior can be avoided by enabling the property ResizeGridOnColumnResize. The other option is to set the properties Scrolling and UseStaticHeaders to true.

In case the issue persists could you please send a sample runnable project so we can investigate the problem on our side?

Regards,
Galin
Telerik