The ui5-table-row component represents a row in the ui5-table.
ES6 Module Import
import "@ui5/webcomponents/dist/TableRow.js";
Properties
interactive
| Description | Defines the interactive state of the row. |
| Type | boolean |
| Default | false |
movable
| Description | Defines whether the row is movable. |
| Type | boolean |
| Default | false |
| Since | 2.6.0 |
navigated
| Description | Defines the navigated state of the row. |
| Type | boolean |
| Default | false |
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 |
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 |
Slots
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 |
default
| Description | Defines the cells of the component.
Note: Use ui5-table-cell for the intended design. |
| Type | Array<TableCell> |
Events
No events available for this component.
Methods
No methods available for this component.
CSS Parts
No CSS parts available for this component.
CSS Custom States
No CSS custom states 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.