halstack-react icon indicating copy to clipboard operation
halstack-react copied to clipboard

[Table] Ellipsis when cell content is too long and has no whitespaces.

Open jsuarezgonz opened this issue 3 years ago • 3 comments

Describe the bug If the cell content is a long string without whitespaces it should be displayed with the ellipsis and not show the horizontal scroll. In the same way that if the same string has some white space it makes the line break to respect the width of the column. To Reproduce Create a table inside a div with defined width and as the content of a cell put a very long string without whitespace.

Screenshots image

image

jsuarezgonz avatar Mar 03 '22 08:03 jsuarezgonz

Question: If the content overflow is hidden (no matter if we use ellipsis or not) how the user will be able to read the entire string? Tooltip? Collapse or uncollapse the full row content?

aweell avatar Mar 07 '22 10:03 aweell

This issue is stale because it has been open for 15 days with no activity. If there are no further updates or modifications within the next 15 days, it will be automatically closed.

github-actions[bot] avatar Feb 13 '24 01:02 github-actions[bot]

This issue is stale because it has been open for 15 days with no activity. If there are no further updates or modifications within the next 15 days, it will be automatically closed.

github-actions[bot] avatar Feb 29 '24 01:02 github-actions[bot]