The ui5-table-row component represents a row in the ui5-table.
ES6 Module Import
import "@ui5/webcomponents/dist/TableRow.js";
Properties
rowKey
| Description | Unique identifier of the row.
Note: For selection features to work properly, this property is mandatory, and its value must not contain spaces. |
| Type | string | undefined |
| Default | undefined |
position
| Description | Defines the 0-based position of the row related to the total number of rows within the table when the ui5-table-virtualizer feature is used. |
| Type | number | undefined |
| Default | undefined |
| Since | 2.5.0 |
interactive
| Description | Defines the interactive state of the row. |
| Type | boolean |
| Default | false |
navigated
| Description | Defines the navigated state of the row. |
| Type | boolean |
| Default | false |
movable
| Description | Defines whether the row is movable. |
| Type | boolean |
| Default | false |
| Since | 2.6.0 |
Slots
default
| Description | Defines the cells of the component.
Note: Use ui5-table-cell for the intended design. |
| Type | Array<TableCell> |
actions
| Description | Defines the actions of the component.
Note: Use ui5-table-row-action or ui5-table-row-action-navigation for the intended design. |
| Type | Array<TableRowActionBase> |
| Since | 2.7.0 |
Events
No events available for this component.
Methods
No methods available for this component.
CSS Parts
No CSS parts available for this component.
Interactive Rows
Create an interactive table by marking ui5-table-row components as interactive. Pressing on an interactive row
will fire the row-click event.
Movable Rows
Adding the movable property enables the ui5-table-row for drag and drop operations.