• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.

Example of Reorder in ASP.NET MVC Tree Grid Control

This sample demonstrates reordering feature of the Tree Grid columns. Select column name and index from properties panel to reorder the columns. You can also reorder columns by simply drag and drop in the desired column position.

Column Index

Reordering can be enabled by setting AllowReordering property as true. Reordering can be done by drag and drop the column header from one index to another index within the Tree Grid..

The location in which the column to be placed, will be indicated by two arrows symbols.

In this demo, you can either reorder columns by drag and drop or by selecting column name and column index from the dropdown to reorder the columns

More information about Column Reorder can be found in this documentation section.