| section | Component groups | |
|---|---|---|
| subsection | Helpers | |
| id | Column management | |
| source | react | |
| propComponents |
|
|
| sourceLink | https://github.com/patternfly/react-component-groups/blob/main/packages/module/patternfly-docs/content/extensions/component-groups/examples/ColumnManagement/ColumnManagement.md |
import ColumnManagement from '@patternfly/react-component-groups/dist/dynamic/ColumnManagement'; import { FunctionComponent, useState } from 'react';
The column management component can be used to implement customizable table columns. Columns can be configured to be enabled or disabled by default or be unhidable.
The order of the columns can be changed by dragging and dropping the columns themselves. This list can be used within a page or within a modal. Always make sure to set isShownByDefault and isShown to the same boolean value in the initial state.