Example of Reorder in Javascript Data Grid Control


This sample demonstrates reordering of the 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.

More Details...

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 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 to reorder from the dropdown. Injecting Module: Grid features are segregated into individual feature-wise modules. To use reordering feature, we need to inject Reorder module using Grid.Inject(Reorder) method.