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
horizontalAlign
| Description | Determines the horizontal alignment of table cells. |
| Type | "Center" | "End" | "Left" | "Right" | "Start" | undefined (value descriptions in: TableCellHorizontalAlign) |
| Default | undefined |
importance
| Description | Defines the importance of the column.
This property affects the popin behaviour. Columns with higher importance will move into the popin area later then less important columns. |
| Type | number |
| Default | 0 |
minWidth
| Description | Defines the minimum width of the column.
If the table is in Popin mode and the minimum width does not fit anymore, the column will move into the popin.
By default, the table prevents the column from becoming too small. Changing this value to a small value might lead to accessibility issues.
Note: This property only takes effect for columns with a <percentage> value or the default width. |
| Type | string | undefined |
| Default | undefined |
popinHidden
| Description | Defines if the column is hidden in the popin.
Note: Please be aware that hiding the column in the popin might lead to accessibility issues as users might not be able to access the content of the column on small screens. |
| Type | boolean |
| Default | false |
| Since | 2.8.0 |
popinText
| Description | The text for the column when it pops in. |
| Type | string | undefined |
| Default | undefined |
| Since | 2.7.0 |
sortIndicator
| Description | Defines the sort indicator of the column. |
| Type | "Ascending" | "Descending" | "None" |
| Default | "None" |
| Since | 2.8.0 |
width
| Description | Defines the width of the column.
By default, the column will grow and shrink according to the available space. This will distribute the space proportionally among all columns with no specific width set.
See <length> and <percentage> for possible width values. |
| Type | string | undefined |
| Default | undefined |
Slots
action
| Description | Defines the action of the column.
Note: While multiple actions are technically possible, this is not supported. |
| Type | Array<TableHeaderCellActionBase> |
| Since | 2.8.0 |
default
| Description | Defines the content of the component. |
| Type | Array<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.