Documentation

Column Visibility

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

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

Property	Required	Description

`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.
`onColumnVisibilityChange` (visibilityState: ColumnVisibilityState) => void	Optional	Callback triggered when column visibility changes. Receives a ColumnVisibilityState object mapping each column accessor to its visibility state (true = visible, false = hidden). Perfect for persisting user preferences or syncing visibility state with external storage.
`HeaderObject.excludeFromRender` boolean	Optional	When true, excludes the column from both the rendered table and the column visibility drawer. The column is still included in CSV exports. Useful for ID columns or metadata that should be exported but not displayed or toggled by users.