TableColumnReordering Plugin Reference

A plugin that manages the displayed columns’ order.

Import

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';

User Reference

Dependencies

Properties

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.

Plugin Developer Reference

Imports

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.

Exports

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.