Table

Overview

A table wrapper component providing a framed, scrollable container and styled table element.

The frame sits outside the scroll container, so rows and sticky header cells scroll inside it and never paint over its edge.

Supports a sticky-header mode (sticky prop) that pins thead cells to the top of the scroll container, and a three-tier density mode (density prop: default | compact | condensed) that drives data-density on the <table> element so descendant TableHead and TableCell primitives pick up the matching row heights.

Theme entry: Table

Props

Name	Type	Required	Default	Description
themeOverride	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes to apply to the root element.
sticky	boolean		false	When true, the container becomes a vertically scrollable region with a sticky thead.
density	string		undefined	Row-height tier applied via data-density on the table element.

Slots

default

Slot.

Source

client/lib/grid/table/Table.vue