Example of Reorder in React Grid Component


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

More Details...


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 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 the column to the desired column.

Injecting Module:

Grid component features are segregated into individual feature-wise modules. To use Reordering feature, we need to inject Reorder modeule into the services

More information on the Reordering feature configuration can be found in this documentation section.