Truncating Text in a Column not working

[Hendrik]

I would like to Tail-Truncate the Text in a Column to prevent having multiple lines in a row.

I tried the sample:

https://docs.telerik.com/blazor-ui/knowledge-base/grid-rows-text-ellipsis

But even the sample is not working. 

How is this fixed ?

[Hendrik]

I figured out myself.

This styling works as expected:

.custom-ellipsis {

    overflow: hidden !important;
    max-height: 60px;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

[Yanislav]

Hello Hendrik,

Thank you for sharing your solution with the community, which will benefit others.

Your contribution is appreciated.

[Svetoslav Dimitrov]

Hi,

Regards,
Svetoslav Dimitrov
Progress Telerik