API reference
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| alignment | alignment | Specifies the vertical alignment of content within child calcite-table-cells, 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 | --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. |
Methods
| Name | Description | Signature |
|---|---|---|
| componentOnReady | Creates a promise that resolves once the component is fully loaded. | componentOnReady(): Promise<this> |