Table Row | Calcite Design System | Esri Developer

Child component of Table

API reference

Properties

Property	Attribute	Description	Type	Default
alignment	alignment	Specifies the vertical alignment of content within child `calcite-table-cell`s, where: `"start"` positions content at the top of a `calcite-table-cell`, `"center"` positions content in the middle of a `calcite-table-cell`, and `"end"` positions content at the bottom of a `calcite-table-cell`.	`Alignment`
disabled	disabled	When `true`, interaction is prevented and the component is displayed with lower opacity.	`boolean`	`false`
selected	selected	When `true`, the component is selected.	`boolean`	`false`

Slots

Name	Description
default (unnamed)	A slot for adding `calcite-table-cell` or `calcite-table-header` elements.

Styles

Name	Description
--calcite-table-row-background	deprecated in v3.3.0, removal target v6.0.0 - Use `--calcite-table-row-background-color` instead. Specifies the background color of the component.
--calcite-table-row-background-color	Specifies the component's background color.
--calcite-table-row-background-color-striped	When `striped` is `true` on `calcite-table`, specifies the background color of the component's `striped` rows.
--calcite-table-row-background-color-selected	When `selected`, specifies the background color of the component's `selected` rows.
--calcite-table-row-accent-color-selected	Specifies the component's selected accent color.
--calcite-table-row-border-color	Specifies the component's border color.

Events

Name	Description	Behavior
calciteTableRowSelect	Fires when the selected state of the component changes.	bubblescomposed

Methods

Name	Description	Signature
componentOnReady	Creates a promise that resolves once the component is fully loaded.	`componentOnReady(): Promise<this>`