Edit this page

Reordering Columns

RadGridView supports column reordering and it can be done by the user in run-time. The user can drag the desired column's header at the desired position among the other headers and drop it there.

Reordering modes

RadGridView suggests different modes when reordering a column. You can control it through the ReorderColumnsMode property.

You can find the possible values you can assign for it bellow:

  • DropIndicator - Displays only drop mark indicating the destination drop location

  • None - Does not display any indicators

  • ReorderColumns - Reorder columns while dragging cells

  • Interactive - Reorder columns and show drop indicator

Disabling Reordering

There are two ways to disable reordering.

  1. The first one is to disable it on RadGridView level by setting the CanUserReorderColumns property to False, which means that none of the columns will be re-orderable.

Example 1: Disable Reordering

<telerik:RadGridView x:Name="radGridView"
    <!-- ... -->

The headers will be still draggable, but when you drop them nothing will happen.
  1. You can also disable the reordering for a particular column by setting its IsReorderable property.

Example 2: Disable Reordering for a particular column

<telerik:GridViewDataColumn DataMemberBinding="{Binding Name}"
                IsReorderable="False" />

Reordering programmatically

The order of the columns may also be configured by setting the DisplayIndex property of each of them:

Example 3: Reorder using DisplayIndex

    <telerik:GridViewDataColumn DataMemberBinding="{Binding Name}" DisplayIndex="0"/>
    <telerik:GridViewDataColumn DataMemberBinding="{Binding Number}" DisplayIndex="2"/>
    <telerik:GridViewDataColumn DataMemberBinding="{Binding Country}" DisplayIndex="1"/>

In this case the columns will be visualized in the following order - Name, Country and Number.

Scrolling Behavior while Reordering

The default scrolling behavior of RadGridView while dragging its columns can be modified by configuring the ScrollingSettingsBehavior.

Example 4: Using the ScrollingSettingsBehavior

<telerik:RadGridView x:Name="radGridView" 
                 telerik:ScrollingSettingsBehavior.ScrollAreaPadding="5 20 5 20"

To learn more read the Scrolling topic.

See Also

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article