TableHeaderRow

<ui5-table-header-row> | Since 2.0.0

The ui5-table-header-row component represents the table headers of a ui5-table.

It is tightly coupled to the ui5-table and should therefore be used in the ui5-table only. The header row is placed in the headerRow slot of the table.

ES6 Module Import

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

Properties

sticky

Description	Sticks the ui5-table-header-row to the top of a table. Note: If used in combination with overflowMode "Scroll", the table needs a defined height for the sticky header to work as expected.
Type	boolean
Default	false

Slots

default

Description	Defines the cells of the component. Note: Use ui5-table-header-cell for the intended design.
Type	Array<TableHeaderCell>

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.