Example of Reorder in React Tree Grid Component

/
/
Reorders

This sample demonstrates reordering feature of the Tree Grid columns.You can reorder columns by simply drag and drop in the desired column position. You can also reorder columns by simply drag and drop in the desired column position.

More Details...

Loading....
Description

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 reorder columns by drag and drop.

Injecting Module:

Tree Grid features are segregated into individual feature-wise modules. To use reordering feature, we need to inject Reorder module into the services.

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