IgniteUI / ignite-ui

Ignite UI for jQuery by Infragistics

Home Page:https://bit.ly/2kuu1fT

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

IgniteUI grid cell text wrap

absinghal opened this issue · 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