A plugin that manages the displayed columns' order.
Use the following statement to import a plugin with embedded theme components:
import { TableColumnReordering } from '@devexpress/dx-react-grid-material-ui';
// import { TableColumnReordering } from '@devexpress/dx-react-grid-bootstrap4';
// import { TableColumnReordering } from '@devexpress/dx-react-grid-bootstrap3';If you want to use custom components, you can import the themeless plugin:
import { TableColumnReordering } from '@devexpress/dx-react-grid';| Name | Type | Default | Description |
|---|---|---|---|
| order? | Array<string> | The column order. | |
| defaultOrder? | Array<string> | [] | The initial column order in the uncontrolled mode. |
| onOrderChange? | (nextOrder: Array<string>) => void | Handles changes to the column order. |
| Name | Plugin | Type | Description |
|---|---|---|---|
| tableColumns | Getter | Array<TableColumn> | Table columns. |
| tableHeaderRows | Getter | Array<TableRow> | Header rows to be rendered. |
| table | Template | object? | A template that renders the table. |
| tableRow | Template | Table.RowProps | A template that renders a table row. |
| tableCell | Template | Table.CellProps | A template that renders a table cell. |
| Name | Plugin | Type | Description |
|---|---|---|---|
| tableColumns | Getter | Array<TableColumn> | Ordered table columns. |
| tableHeaderRows | Getter | Array<TableRow> | Header rows to be rendered including the service reordering row. |