Skip to main content

TableRow

info

This web component is available since 2.0 with an experimental flag and its API and behavior are subject to change.

The ui5-table-row component represents a row in the ui5-table.

ES6 Module Import​

import "@ui5/webcomponents/dist/TableRow.js";

Properties​

key​

DescriptionUnique identifier of the component.
Typestring
Default""

interactive​

DescriptionDefines the interactive state of the row.
Typeboolean
Defaultfalse
DescriptionDefines the navigated state of the row.
Typeboolean
Defaultfalse

Slots​

default​

DescriptionDefines the cells of the component.
Note: Use ui5-table-cell for the intended design.
TypeArray<TableCell>

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.