Table
Basic usage
Negative mode
The Data table component supports a negative mode, suitable for areas with dark background.
Freezed column
When allowing horizontal scroll, freezing a column helps users retain key information while navigating content.
Density
Tables support three row heights (default, comfortable, spacious), allowing users to adjust vertical density to suit their needs.
Fixed header
Enable a fixed header to keep titles visible while scrolling.
Selection
The table supports single and multiple selections with two behaviors:
- Clicking a row or selection control toggles selection. In multiselection mode, additional clicks select multiple rows.
- Rows are not selected by clicking; users must click the selection control. In multiselection mode, consecutive clicks select multiple checkboxes.
Selection may be restricted in some cases, disabling the control and displaying a notification before the table.
Action
Each row can have actions: a button for one action or a menu for multiple actions.
Sorting
The table supports single-column sorting in ascending or descending order
Columns resize
Hovering between column headers reveals a handle for resizing.