Skip to content

Table Row

Child component of Table

API reference

Properties

PropertyAttributeDescriptionTypeDefault
alignmentalignmentSpecifies the alignment of the component."center" | "end" | "start"
disableddisabledWhen present, interaction is prevented and the component is displayed with lower opacity.booleanfalse
selectedselectedWhen present, the component is selected.booleanfalse

Slots

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

Styles

NameDescription
--calcite-table-row-background
deprecated Use --calcite-table-row-background-color instead. Specifies the background color of the component.
--calcite-table-row-background-colorSpecifies the background color of the component.
--calcite-table-row-background-color-stripedThe background color of the component's striped rows, when specified.
--calcite-table-row-background-color-selectedThe background color of the component's selected rows, when specified.
--calcite-table-row-accent-color-selectedSpecifies the selected accent color of the component.
--calcite-table-row-border-colorSpecifies the border color of the component.

Events

NameDescriptionBehavior
calciteTableRowSelectFires when the selected state of the component changes.bubblescomposed

Methods

NameDescriptionSignature
componentOnReadyCreate a promise that resolves once component is fully loaded.componentOnReady(): Promise<void>

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.