Skip to main content

TableCell

<ui5-table-cell> | Since 2.0.0

The ui5-table-cell represents a cell inside of a ui5-table. It is tightly coupled to the ui5-table and thus should only be used in the table component.

ES6 Module Import​

import @ui5/webcomponents/dist/TableCell.js;

Properties​

horizontalAlign​

DescriptionDetermines the horizontal alignment of table cells.
Type"Center" | "End" | "Left" | "Right" | "Start" | undefined (value descriptions in: TableCellHorizontalAlign)
Defaultundefined

merged​

DescriptionDefines whether the cell is visually merged with the cell directly above it.
This is useful if consecutive cells in a column have the same value and should visually appear as a single merged cell. Although the cell is visually merged with the previous one, its content must still be provided for accessibility purposes. Note: This feature is disabled when cells are rendered as a popin, and should remain false for interactive cell content.
Typeboolean
Defaultfalse
Since2.21.0

Slots​

default​

DescriptionDefines the content of the component.
TypeArray<Node>

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.