TableRow

<ui5-table-row> | Since 2.0.0

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

rowKey

Description	Unique identifier of the row.
Type	string
Default	""

position

Description	Defines the position of the row respect to the total number of rows within the table when the ui5-table-virtualizer feature is used.
Type	number
Default	-1

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

Slots

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.

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.