Skip to content

ObjectsGridBodyCell โ€‹

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

The table-layout field cell. It provides density-aware row height, numeric and mono alignment hooks, and the foreground text treatment for value slots. Density tiers map default, compact, and condensed rows to progressively tighter row heights.

Vue component: ObjectsGridBodyCell

SlotDefault classesDescription
root12 classesThe table-layout field cell. It provides density-aware row height, numeric and mono alignment hooks, and the foreground text treatment for value slots. Density tiers map default, compact, and condensed rows to progressively tighter row heights.
themeOverrideLocal child-theme adjustment for widgets rendered inside table cells. It removes the default WidgetLabel.root margin so inline cell labels align with grid density.

root โ€‹

The table-layout field cell. It provides density-aware row height, numeric and mono alignment hooks, and the foreground text treatment for value slots. Density tiers map default, compact, and condensed rows to progressively tighter row heights.

Default classes:

text
align-middle
text-foreground
font-normal
px-1 lg:px-2
table-cell
whitespace-nowrap
[[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/objects-grid/ObjectsGridBodyCell.theme.js:19

themeOverride โ€‹

Local child-theme adjustment for widgets rendered inside table cells. It removes the default WidgetLabel.root margin so inline cell labels align with grid density.

Source: client/lib/theme/vueda-tailwind/objects-grid/ObjectsGridBodyCell.theme.js:41

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