Elements Pro launch: $79 for the first 50 with LAUNCH50 · $129 standard.

Components / Interfaces / Table

Table.

FreePrimitive

Thin-ruled table primitives with wide-tracked uppercase headers.

Demo dataResponsive
ObjectStatusValue
Project ApolloActive$12,450
Project ZephyrReview$8,230

Installation

pnpm dlx shadcn@latest add https://elements.micropreneur.dev/r/table.json

The shadcn CLI writes the source into your project. Files added:

  • components/ui/table.tsxui
  • lib/utils.tslib
Dependenciesclsxtailwind-merge

API

Table

No props of its own.

Also accepts ComponentProps<'table'>.

TableHeader

No props of its own.

Also accepts ComponentProps<'thead'>.

TableBody

No props of its own.

Also accepts ComponentProps<'tbody'>.

TableRow

No props of its own.

Also accepts ComponentProps<'tr'>.

TableHead

No props of its own.

Also accepts ComponentProps<'th'>.

TableCell

No props of its own.

Also accepts ComponentProps<'td'>.

TableCaption

No props of its own.

Also accepts ComponentProps<'caption'>.

Accessibility

  • Native table, thead, tbody, th and td markup, so screen readers announce rows and columns.
  • Wide tables scroll inside their own container instead of the page.
  • TableCaption renders a native caption for a table summary.