ignite-ui icon indicating copy to clipboard operation
ignite-ui copied to clipboard

IgniteUI grid cell text wrap

Open absinghal opened this issue 11 months ago • 1 comments

Question

Hello, IgniteUI grid table cells are rendered as td elements.

I was looking to have double heighted rows, and let the text wrap into the 2nd line and then show ellipsis for the remaining text.

Setting height and line-height in the css on .ui-iggrid-tablebody td selectors.

If white-space: pre-line or white-space: normal is used, text wraps upto full height (does not respect height value) and if white-space: nowrap is used, only one line height is used.

Any workarounds?

Thanks

absinghal avatar Mar 19 '24 13:03 absinghal

@MayaKirova kindly advise

absinghal avatar Apr 29 '24 18:04 absinghal