Skip to main content

TableColumn

<ui5-table-column>
warning

Deprecated as of version 2.12.0, use @ui5/webcomponents/dist/Table.js instead.

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