The ui5-table-row component represents a row in the ui5-table.
ES6 Module Import​
import "@ui5/webcomponents/dist/TableRow.js";
Properties​
| 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 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 |
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 |
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.