How to wrap lines in treeGrid?

[gikotim]

Hi!
I try do display a text .eg. 100 char in a treegrid. Even though I make the cell higher, the text gets not wraped.
How can I display larger text in a treegrid?

Thank your for your help!

[linb]

1.No 'space' in your 100 chars?
2. In firefox?

Any way, you need give a special css class, or css style, or a wrap to your text.

you can use the following setting in header/row/cell data object:

cellRenderer
// cellRenderer:function(o){return "<div>"+o.value+"</div>"}
cellStyle
// cellStyle:'word-break:break-all;'
cellClass

[gikotim]

yes I have many spaces in the text, and yes I use Firefox, but it doesn't break the lines in IE8 either.

I've put in your code:

        host.pXXX.append((new linb.UI.TreeGrid)     .host(host,"tg_xxx")     .setDock("none")     .setRowNumbered(false)     .setRenderer(function(o){return "<div>"+o.value+"</div>"})     .setHeader([{"id":"ID", "width":80, "type":"label", "caption":"Nr.","cellStyle":"padding-left:10px"},                       {"id":"solved", "width":80, "type":"checkbox", "caption":"One"},                       {"id":"question", "width":250, "type":"textarea", "caption":"Two","cellStyle":"word-break:break-all;"}])

Can you give me a hint what I'm doing wrong?

Thanks

[linb]

Don't use setRenderer, setRenderer is for the grid itself.

.setHeader([     {"id":"ID", "width":80, "type":"label", "caption":"Nr.", "cellStyle":"padding-left:10px"},     {"id":"solved", "width":80, "type":"checkbox", "caption":"One"},      {"id":"question", "width":145, "type":"textarea", "caption":"Two",         cellRenderer : function(o){ return "<div style='white-space:normal;word-break:break-all;'>"+o.value+"</div>" }     } ])

[gikotim]

Hi linb!
thank you so much, this does the trick!