Documentation

Column Selection

Column selection allows users to interact with table columns by clicking on their headers. This feature is useful for building interactive table interfaces where users need to select columns for operations like filtering, sorting, or data analysis.

CodeSandbox

Basic Column Selection

To enable column selection in Simple Table, you need to:

  1. Set the selectableColumns prop to true
  2. Provide an onColumnSelect callback function to handle selection events

Column Selection Properties

PropertyRequiredDescriptionExample
selectableColumns
boolean
Optional
Enables column selection functionality. When true, users can click on column headers to select them.
onColumnSelect
(header: HeaderObject) => void
Optional
Callback function triggered when a column is selected. Receives the HeaderObject of the selected column.