[Solved] Prohibit multi-line for rows in one column

[Victor]

Hi!

Is there any way to prohibit the automatic "multilining" of cells in the grid where there is too much content? That is, I would like to transform what is now showed as:
 
  Content1, Content2,
  Content3, Content4,
  Content5

To:

  Content1, Content2...

(including the ellipsis), thus making each row only one line high. In the end I would also like to show a tooltip (title) on hover showing the full text.

Is this possible?

Thanks
/Victor

[Petur Subev]

Hi,

Similar to your question is already covered in this forum thread:
http://www.telerik.com/community/forums/aspnet-mvc/grid/show-ellipsis-when-cell-content-is-larger-than-the-specified-width.aspx 

You can use the CSS shown there to display the rows on a single line.
i.e.

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

Regarding the full text on hover you can use jQuery (via the OnDataBound event or OnLoad for server binding) to set the title attribute to be equal to the content of the cell.

$('.t-grid td').each(function(){
    $(this).attr('title',$(this).text())
})

Greetings,
Petur Subev
the Telerik team

[Victor]

Thanks, that solves most of the problem.

However the really nice feature with the ellipsis (...) is gone - is there any way to have that as well? Something like this:

| Cell 1     | Cell 2     | Really long cell with a lot of co |

becomes:

| Cell 1     | Cell 2     | Really long cell with a lot of...  |


Thanks again
/Victor

[Pechka]

Yo

Make sure you have added :

text-overflow: ellipsis;

rule along with the :

white-space: nowrap;

[Victor]

Oh!

Thanks a lot! Didnt realize it was a simple css rule, thought it was all Telerik magic! :)

/Victor