ui5-webcomponents

ui5-webcomponents copied to clipboard

Feature Request Description

Original issue for reference - https://github.com/SAP/ui5-webcomponents/issues/5268

Sandbox - https://codesandbox.io/s/table-with-long-column-header-labels-vdrofi?file=/src/App.js

For the Table component, when very long labels are used for the column headers and the screen width is large, the column headers are displayed as expected, taking up as much space as possible -

However, when the screen width is small, the table header height increases in order to accommodate the long labels -

Instead of increasing the column header height, would it be possible to show the long labels as truncated text instead, something like this -

This would be similar to how other components such as the Card Header show truncated text when the text is too long

Proposed Solution

Instead of increasing the column header height, would it be possible to show the long labels as truncated text instead, something like this -

Priority

• [ ] Low
• [x] Medium
• [ ] High
• [ ] Very High

A clear and concise description of the impact/urgency of the required feature.

Stakeholder Info (if applicable)

• Organization: {SuccessFactors}