Skip to content

TableCell

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

The body cell slot for <td> elements. It applies the density tiers from Table.table, keeps checkbox columns compact, and honors data-numeric or data-mono directly on the cell.

Vue component: TableCell

SlotDefault classesDescription
root7 classesThe body cell slot for <td> elements. It applies the density tiers from Table.table, keeps checkbox columns compact, and honors data-numeric or data-mono directly on the cell.

root

The body cell slot for <td> elements. It applies the density tiers from Table.table, keeps checkbox columns compact, and honors data-numeric or data-mono directly on the cell.

Default classes:

text
p-2 align-middle whitespace-nowrap
[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]
[[data-density=default]_&]:h-8 [[data-density=default]_&]:py-1.5
[[data-density=compact]_&]:h-7 [[data-density=compact]_&]:py-1
[[data-density=condensed]_&]:h-6 [[data-density=condensed]_&]:py-0.5 [[data-density=condensed]_&]:text-xs
data-[numeric]:text-right data-[numeric]:font-mono
data-[mono]:font-mono

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

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