Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Pablo De Lucca
485
Display Multi-line data column in igx-grid
posted

Hi!

I need to define a multiline column in case the width does not reach to show all the text. If the text is wider than the column it shows me "..." at the end
In the same way that the js grid of infragistics does
is this possible?

Thanks

Pablo

Parents
No Data
Reply
  • 1080
    Offline posted

    Hello Pablo,

    Thank you for posting in our community.

    You can use the Angular's pseudo-classes - :host and ::ng-deep, in your component to achieve your requirement.

    :host {
    ::ng-deep {
        .igx-grid__td-text {
            white-space: normal;
        }
    }
}

    The white-space property specifies how white-space inside an element is handled.

Children