Table

Table is a compound component for semantic tabular data where native table structure matters more than grid-like keyboard interaction.

Root Props

Prop	Type	Default
`dataAlign`	`'start' \| 'center' \| 'end' \| 'between'`	`'between'`
Defines the alignment strategy for table data cells. 'start': Aligns content to the left; 'center': Centers content; 'end': Aligns content to the right; 'between': Distributes space evenly between cells
`edgePadded`	`boolean`	`false`
Adds horizontal padding to the edges of the table container. Useful when the table should not stretch to the viewport edge.
`fullWidth`	`boolean`	—
Makes the table stretch to fill the full width of its container.
`fullHeight`	`boolean`	—
Makes the table stretch to fill the full height of its container. Useful for layouts with scrollable or pinned regions.
`ref`	`Ref<HTMLTableElement>`	—
Ref to the native HTML `<table>` element. Useful for focus, measurement, or imperative access.

Also accepts all <table> attributes.

Also accepts all <tbody> attributes.

Prop	Type	Default
`dataAlign`	`TableProps['dataAlign']`	—
Controls horizontal alignment of the cell’s content. Inherits from TableProps and typically affects text alignment or flex layout. 'start' \| 'center' \| 'end' \| 'between'

Also accepts all HTML attributes.

Also accepts all <tbody> attributes.

Also accepts all <tbody> attributes.

Also accepts all <tr> attributes.

Prop	Type	Default
`dataAlign`	`TableProps['dataAlign']`	—
Controls horizontal alignment of the heading content. Inherits from TableProps and typically affects text or layout alignment. 'start' \| 'center' \| 'end' \| 'between'

Also accepts all HTML attributes.