ignite-ui
ignite-ui copied to clipboard
IgniteUI grid cell text wrap
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
@MayaKirova kindly advise