Example
TableView is a complex collection component that is built up from many child elements including columns, rows, and cells. Columns are defined within a TableHeader element and rows are defined within a TableBody element. Rows contain Cell elements that correspond to each column. Cells can contain any element, allowing you to have focusable children within the TableView.
Props
Density
The amount of vertical padding that each row contains can be modified by providing the density prop.
Overflow mode
By default, text content that overflows its table cell will wrap onto multiple lines. You can have it truncate by passing overflowMode="truncate" to the TableView.
Prominence
By default the TableView is assumed to be the main focus of an experience. When a table is meant to be supplementary, or lightweight pass prominence="low" to reduce visual weight.
Empty state
Use the renderEmptyState prop to customize what the TableView will display when there are no rows provided.