Skip to content

IgniteUI grid cell text wrap #2255

Open
@absinghal

Description

@absinghal

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions