Table

Source: client/lib/theme/vueda-tailwind/grid/index.js

The scroll container around the native table. It owns the card surface, horizontal overflow, and sticky-table height cap used when Table receives sticky.

Vue component: Table

Slot	Default classes	Description
container	3 classes	The scroll container around the native table. It owns the card surface, horizontal overflow, and sticky-table height cap used when Table receives sticky.
table	3 classes	The native <table> element. It carries the numeric font features, border model, and data-density hook that TableHead.root and TableCell.root read. Density tiers map default, compact, and condensed rows to progressively tighter row heights.

container

The scroll container around the native table. It owns the card surface, horizontal overflow, and sticky-table height cap used when Table receives sticky.

Default classes:

relative w-full overflow-auto
rounded-vueda-card hairline hairline-border bg-card
data-[sticky]:overflow-y-auto data-[sticky]:max-h-[var(--vueda-tbl-max-h,30rem)]

Source: client/lib/theme/vueda-tailwind/grid/Table.theme.js:20

table

The native <table> element. It carries the numeric font features, border model, and data-density hook that TableHead.root and TableCell.root read. Density tiers map default, compact, and condensed rows to progressively tighter row heights.

Default classes:

w-full caption-bottom text-body
border-separate border-spacing-0
[font-variant-numeric:tabular-nums_slashed-zero]

Source: client/lib/theme/vueda-tailwind/grid/Table.theme.js:30