Documentation

Column Visibility

Column visibility controls allow users to show or hide specific columns, customizing their view to focus on the most relevant data.

CodeSandbox

Basic Implementation

Column visibility can be controlled using the hide property in the header objects and the editColumns prop on the SimpleTable component.

Column Visibility Configuration

PropertyRequiredDescriptionExample
HeaderObject.hide
boolean
Optional
Controls the initial visibility of the column. When true, the column will be hidden by default.
editColumns
boolean
Optional
Enables the column visibility controls, allowing users to show/hide columns through a UI panel.
editColumnsInitOpen
boolean
Optional
Opens the column visibility menu by default when the table loads. Requires editColumns to be true.