Truncating Text in a Column not working

1 Answer 47 Views
Grid
Hendrik
Top achievements
Rank 1
Iron
Iron
Iron
Hendrik asked on 14 Feb 2023, 01:08 PM

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
Top achievements
Rank 1
Iron
Iron
Iron
commented on 14 Feb 2023, 01:23 PM

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
Telerik team
commented on 17 Feb 2023, 12:39 PM

Hello Hendrik,

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

Your contribution is appreciated.

1 Answer, 1 is accepted

Sort by
0
Svetoslav Dimitrov
Telerik team
answered on 17 Feb 2023, 11:14 AM

Hi,

Regards,
Svetoslav Dimitrov
Progress Telerik

Learn about the important changes coming in UI for Blazor 4.0 in January 2023!
Tags
Grid
Asked by
Hendrik
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Svetoslav Dimitrov
Telerik team
Share this question
or