Skip to main content

TableColumn

<ui5-table-column>

The ui5-table-column component allows to define column specific properties that are applied when rendering the ui5-table component.

Properties​

minWidth​

DescriptionDefines the minimum table width required to display this column. By default it is always displayed.
The responsive behavior of the ui5-table is determined by this property. As an example, by setting minWidth property to 400 sets the minimum width to 400 pixels, and shows this column on tablet (and desktop) but hides it on mobile.
For further responsive design options, see demandPopin property.
Typenumber
DefaultInfinity

popinText​

DescriptionThe text for the column when it pops in.
Typestring | undefined
Defaultundefined

demandPopin​

DescriptionAccording to your minWidth settings, the component can be hidden in different screen sizes.
Setting this property to true, shows this column as pop-in instead of hiding it.
Typeboolean
Defaultfalse

popinDisplay​

DescriptionDefines how the popin row is displayed.
The available values are:
- Block
- Inline
Type"Block" | "Inline"
Default"Block"

Slots​

default​

DescriptionDefines the content of the column header
TypeArray<Node>

Events​

No events available for this component.

Methods​

No methods available for this component.

CSS Parts​

NameDescription
columnUsed to style the native th element