Show ellipsis when cell content is larger than the specified width

[Stéphan Parrot]

Hi,
Is there a way to have the Grid Resize functionality AND to display cell data on one line and show an ellipsis if it overflows&
I've tried to use CSS ellipsis trick that is suggested all over the web but, the grid won't allow me to resize as soon as the styling of a cell changes... Besides, after looking at the telerik.grid.css file, there's already css coding to show an ellipsis but I want a way to force the cell to not wrap the content on another line which makes the grid's height grow on the page.

Regards,

Stéphan Parrot

[Dimo]

Hi Stéphan,

In order to prevent text wrapping in the Grid, you can use CSS:

.t-grid  td
{
    white-space:nowrap;
}

The above will not work in IE7 due to the browser's limited support of the white-space:nowrap style for table cells. If you must support this browser, you will have to use column templates and wrap the cell cotent in a <nobr> element.

http://demos.telerik.com/aspnet-mvc/grid/templatesserverside

http://demos.telerik.com/aspnet-mvc/grid/templatesclientside

Regards,
Dimo
the Telerik team