TableHeaderCell
<ui5-table-header-cell>
| Since 2.0.0This web component is available since 2.0 with an experimental flag and its API and behavior are subject to change.
The ui5-table-header-cell
component represents a column in the ui5-table
.
As it is tightly coupled to the ui5-table
, it should only be used in the ui5-table-header-row
to ensure correct layout and design.
ES6 Module Import​
import "@ui5/webcomponents/dist/TableHeaderCell.js";
Properties​
width​
minWidth​
maxWidth​
importance​
Slots​
default​
Events​
No events available for this component.
Methods​
No methods available for this component.
CSS Parts​
No CSS parts available for this component.
Column widths​
You are able to set the width of the columns by using the width
, minWidth
and maxWidth
property.
Popin Configuration​
The Popin mode is a responsive design feature tailored to adapt column layouts in UI grids or tables, particularly for smaller screens or constrained container widths.
When screen space becomes limited, Popin mode seamlessly reorganizes columns. Those that cannot fit within the available width are intelligently relocated to the "popin area", an allocated space designed specifically for accommodating additional columns.
You can influence the order of columns appearing the popin area, by defining the importance of each column.