Vertical Table
Live example
Vertical Table
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/vertical-table.jsonAPI reference
These are the main Vertical Table options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
label | string (required) | — |
records | readonly T[] | required |
fields | VerticalTableField<T>[] | required |
recordKey | (record: T) => Key | required |
Records and fields
Give the table a label. Use a stable recordKey and readable field labels. Keep each cell understandable without depending only on its color or position.