Skip to main content

Table

Table is a data display that organizes records into rows and columns, such as team members, invoices, or inventory.

Import

import { Table } from '@vortexlabs/vortex';
import type { TableProps } from '@vortexlabs/vortex';

Other links

Table.Root

Table.Root props
Prop	Type	Default	Attributes
`ariaLabel`	`string`	No default value
`ariaLabelledby`	`string`	No default value
`size`	`union`	`sm`
`loading`	`boolean`	No default value
`loadingRows`	`number`	`5`
`footer`	`React.ReactNode`	No default value
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value

Table.Header

Table.Header props
Prop	Type	Default	Attributes
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value

Table.Body

Table.Body props
Prop	Type	Default	Attributes
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value

Table.Row

Table.Row props
Prop	Type	Default	Attributes
`selected`	`boolean`	No default value
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value

Table.HeaderCell

Table.HeaderCell props
Prop	Type	Default	Attributes
`align`	`union`	`start`
`hideLabel`	`boolean`	No default value
`width`	`union`	No default value
`sortDirection`	`union`	No default value
`onSort`	`callback`	No default value
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value

Table.Cell

Table.Cell props
Prop	Type	Default	Attributes
`align`	`union`	`start`
`rowHeader`	`boolean`	No default value
`wrap`	`boolean`	No default value
`truncate`	`boolean`	No default value
`colSpan`	`number`	No default value
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value

Table.SelectionCell

Table.SelectionCell props
Prop	Type	Default	Attributes
`checked`	`boolean`	No default value
`indeterminate`	`boolean`	No default value
`disabled`	`boolean`	No default value
`ariaLabel`	`string`	No default value
`onChange`	`callback`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value

Table.Empty

Table.Empty props
Prop	Type	Default	Attributes
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value