Table: text is truncated in 320px

[wilson-xu-sap]

Describe the bug

text is truncated in 320px

Isolated Example

https://stackblitz.com/edit/github-g4lmch6p-ncnr3ml6?file=src%2FApp.tsx

Reproduction steps

set the viewport to 320px.

Expected Behaviour

text should not be truncated

Screenshots or Videos

No response

UI5 Web Components for React Version

2.7

UI5 Web Components Version

2.7

Browser

Edge

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @wilson-xu-sap

I'm not sure what you mean. Both the StackBlitz example and your screenshot show default wrapping behavior. In case you want to change that you can use CSS.

[wilson-xu-sap]

Hi @Lukas742 The text in table is truncated. (both in headers and cells)

[Lukas742]

Sorry, but I'm still not sure what you mean with "truncated", do you mean that some words are overflowing the cell? If so, this is the default behavior for word-break. In case you want to change that you can adjust the styles accordingly.

[github-actions]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Inactive issues will be closed after 7 days. Thanks.

[wilson-xu-sap]

Hi @Lukas742 word-break does not meet the guidance. Do you have other options?

[Lukas742]

@wilson-xu-sap you didn't provide a clear example of what you want to achieve, so we need more information to assist you further. Also, I'm not sure what your expectations are, if there's not enough space, the content has to either wrap or overflow.