Hide/Show columns over context menu in header

This issue has been tracked since 2023-01-12.

Use case

Right-clicking the header of a column will open a context menu with the option to hide this column. Alternatively, there is a point 'Columns' which opens a submenu with a checkbox followed by the column name for every column. Here you can check/uncheck several columns.

Proposed solution

Adding two new column options:

  • hideable
  • hidden

When the hideable options is set to true, you can open the mentioned context menu to hide the columns with this option. This will toggle the hidden state of the column.
When rendering the grid it will skip all columns where hidden is true.

More Details About Repo
Owner Name adazzle
Repo Name react-data-grid
Full Name adazzle/react-data-grid
Language TypeScript
Created Date 2015-03-06
Updated Date 2023-03-23
Star Count 5922
Watcher Count 129
Fork Count 2072
Issue Count 161


Issue Title Created Date Updated Date