Skip to content

TableHead

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

The header cell slot for <th> elements. It owns compact header typography, density heights, sticky positioning, checkbox offsets, and numeric sort-icon ordering; see Table.table.

Vue component: TableHead

SlotDefault classesDescription
root9 classesThe header cell slot for <th> elements. It owns compact header typography, density heights, sticky positioning, checkbox offsets, and numeric sort-icon ordering; see Table.table.

root

The header cell slot for <th> elements. It owns compact header typography, density heights, sticky positioning, checkbox offsets, and numeric sort-icon ordering; see Table.table.

Default classes:

text
text-foreground
h-10 px-2 text-left align-middle
font-semibold text-[length:var(--vueda-text-supporting)] whitespace-nowrap
[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]
[[data-density=compact]_&]:h-8
[[data-density=condensed]_&]:h-7 [[data-density=condensed]_&]:text-[11px]
data-[numeric]:text-right data-[numeric]:[&_[data-slot=sort-icon]]:order-first
[[data-sticky]_&]:sticky [[data-sticky]_&]:top-0 [[data-sticky]_&]:z-2
[[data-sticky]_&]:bg-card

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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2