Display wrapped text in a cell

[karypid]

Hello,

I've created a grid in which I would like to display "news items"
which have a title and some content. Unfortunately the text I put
inside the column refuses to wrap onto the next row, resulting in very
little text being visible (even though there is plenty of space
underneath: the row height is enough to allow 4-5 lines to be
displayed).

My formatter looks like this:

var articleFormatter = function(row, cell, value, columnDef,
dataContext) {
return "<div style=\'width: 400px;\'><h4><a href='/" +
dataContext["someField"]
+ "/staff/" + dataContext["id"] + "'>" + dataContext["title"]
+ "</a></h4>" + "<p style=\'width: 400px;\'>" +
dataContext["content"] + "</p></div>";
};

As you see, I've tried to set the width attribute to restrict the
column using both a <div> and <p> style. The grid's column width is
set to 480 as follows:

var columns = [{id:'date',width:
200,formatter:dateFormatter,cssClass:'cell-story'},{id:'article',width:
480,formatter:articleFormatter,cssClass:'cell-story'}];

How can I get SlickGrid to wrap the text?

[karypid]

Got it: style="white-space: normal" did the trick.

var articleFormatter = function(row, cell, value, columnDef,
dataContext) {

return "<h4><a href='/" + dataContext["someField"] + "/

staff/"
+ dataContext["id"] + "'>" +
dataContext["title"] + "</a></h4>"

+ "<p style='white-space: normal'>" +
dataContext["content"] + "</p>";

[Gaurav Rai]

Did it help to dynamically change the row height according to the incoming data?
I got word wrap enabled but I don't want to fix it to unnecessary height as multi line data is not in every row, if you have any solution to that please help. 

[Günter Zöchbauer]

As far as I know different row heights are not supported in SlickGrid