Wrapping of text in table cells

[Steve James]

I've got a table with a number of columns. Some columns have content where cells may wrap and take up more vertical space than required.

I've been trying to work out how to ensure rows remain on a single line but it be obvious that hidden text exists. I'd also like the capability to see all the whole text eg via mouseover helptext.

I've seen the demo of ES100913_mouseover_popup and it is possibly over the top for this situation.

The best look so far has been achieved by setting the style for a column (Data Style to overflow:auto; height:15px;). That's ok to force the single row height (not happy to have to force an explicit pixel height though) and it is obvious that there is 'chopped' text.

Does anyone have any ideas if there is a better way to achieve this?

Also any ideas about how to easily show the whole cell content on something like a mouseover?

Thanks

[Steve James]

Seeing the wood for the trees. Using JQuery add the cell content as a title and hence get a mouse rollover text. Alternatively use the same logic of ES100913_mouseover_popup to pop the full content of the cell even if much of it is hidden and already available client side.

While I was at it I found another good library which allows a user to resize columns dynamically.

http://www.bacubacu.com/colresizable/ It's not happy if jsps are enabled but that's fine in this situation.

Handily it offers a callback on the onResize event which I've adapted to offer a 'save layout' option ie save the various widths in a cookie. This way a user can have a specific personal layout.