Help us make our products better.Take our 5 minute survey.
Dismiss

React Grid - Column Visibility

A Grid component with the TableColumnVisibility and ColumnChooser plugins provides the capability to hide or show table columns at runtime.

Basic Setup

Import the plugins listed above to enable a user to hide or show columns at runtime.

Uncontrolled Mode

In uncontrolled mode, specify initially hidden column names via the TableColumnVisibility plugin's defaultHiddenColumnNames property.

Controlled Mode

In controlled mode, pass the hidden column names to the TableColumnVisibility plugin's hiddenColumnNames property and handle the onHiddenColumnNamesChange event to control column visibility externally.

Disallow Toggling Column Visibility

You can use the TableColumnVisibility plugin's columnExtensions property to prevent changing to a specific column's visibility.

This site uses cookies to make your browsing experience more convenient and personal. Cookies store useful information on your computer to help us improve the efficiency and relevance of our site for you. In some cases, they are essential to making the site work properly. By accessing this site, you consent to the use of cookies. For more information, refer to DevExpress’ privacy policy and cookie policy.