How can I get ellipsis ... instead of wrapping

[Richard]

I notice that when a value is long and unwrappable and the column is narrow the value is display with ellipsis ... to indicate there is more to see if the column is widened.

Is there a way to have the grid always use ellipsis and not wrap cell content?

INFO LOOKS LIKE
THIS BY DEFAULT

want

INFO LOOKS LIKE ...

Thanks,
Richard

[Iliana Dyankova]

Hello Richard,

In order to achieve this you can use the following CSS: 

.k-grid td{
    white-space: nowrap;
    text-overflow: ellipsis;
}

Regards,
Iliana Nikolova
the Telerik team

[Mike]

This does not work for me. All the text now appears on one line but the size of the grid cell is increased so that it all fits, even though the column has a width set.

Cheers Mike

[Mike]

Solved. I had to add the following.

.k-grid table {
    table-layout: fixed;
}

Cheers Mike