Comment from Derren Whiteman on 5/5/2008
Growing old really ain't what it used to be. :( What's even more sad, at least for us, is that you manage it SO gracefully.

Comment from Randy on 4/27/2008
LOL now you know why I always sat down to play the guitar Angela. Didn't want to hurt myself. Hope you are OK. Not too sore.
Luv ya,
Randy

Comment from Alex Yohn on 9/18/2009
Chrome works if you add display:block;

Comment from Alex Yohn on 9/18/2009
Did discover that the fix does not work in Chrome, but IE 7, IE 8, FF 3.x, and Safari (win) 4.0x. (Haven't tested MACs yet.)

Comment from Alex on 9/18/2009
Actually, I found an issue. With CF9 (yeah I know...beta), you must edit the ext-all.css to get this effect to work. Line 2114 is the:
.x-grid3-cell-inner, .x-grid3-hd-inner{
overflow:hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding:3px 3px 3px 5px;
white-space: nowrap;
}

Change the white-space:nowrap; to white-space: normal;

Done!

Comment from BJ on 8/21/2009
I used the hack on my cfgrid. When it first loads the grid the wrap doesn't work but if I click on the column name then it will wrap correctly and show me all the information. So I still have the problem on the initial loading of the form. I hate IE.

Comment from Ryan on 2/17/2009
Angela - thanks this was very helpful. Have you found a way to wrap the text inside of the editing area?

For example, I have a word-wrapped cell with 3 lines of text and double click to edit it - but it shows the contents in one long line.

Thanks for the help,
Ryan

Comment from Brian on 9/5/2008
That actually failed for me on IE7 with an html cfgrid, but the following works great:
.x-grid-row td {white-space:normal)

Comment from Flüge on 8/28/2008
FINALLY!!!! Very well then! I was searching second day in a row for this simple solution. I was supposed to give up...Thanks!

Comment from Chad on 4/9/2008
Good one! I did not think of introspecting the CSS and modifying it.

Only bummer is it does not work in IE, but i came close to getting it to work with this:
td {word-wrap:break-word;width:50px;left:0;}

Of course applying to all TD's is not the greatest, but it appears this word-wrap css only works on td. it did not work on div's.

Comment from Derren Whiteman on 4/1/2008
Just confused my aching head as this was posted after the April Fool's day stuff is finished. But, given that you're so adorable, I'll let you off this once. ;-)