This sample demonstrates reordering of the Grid columns. You can reorder columns by simply drag and drop in the desired column position.
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.
Looking for the full React Data Grid component overview, features, pricing, and documentation? Visit our React Data Grid component page.