This sample demonstrates reordering of the Grid columns. You can reorder columns by simply drag and drop in the desired column position.
Employee ID | Name | Title | Hired Date | Reports To |
|---|---|---|---|---|
| No records to display |
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 ReorderService into the @NgModule.providers section.