Multiline grid cell contents

[knagurski]

I was wondering if there were any way to have the contents of a cell have a line break? I tried putting in a
where appropriate, but although the cell contents does indeed drop to the next line, the 2nd line isn't fully visible.

Am I missing something obvious, or should this be a feature request?

[baskar]

Multiline content in Ext.grid.Grid. How?

Can't find how to make Grid display big text in multiple lines, like grid paging example do.
anybody help me please?

[baskar]

Multiline content in Ext.grid.Grid. How?

Can't find how to make Grid display big text in multiple lines, like grid paging example do.
anybody help me please?

[talshadar]

You have to add some lines to the COLUMN MODEL



colModel = new Ext.grid.ColumnModel([
{id:"Title", header: "Title", dataIndex:"Title", width: 200,sortable: true,css: 'white-space:normal;'
,renderer:function(value, p, record){return String.format('{0}',record.data['Title']);}}
]);

[obunny]

It seems not work in IE8. At last I have to add the css in the page head:
<style type="text/css">
.x-grid3-cell-inner {
overflow: visible;
white-space: normal !important;
word-wrap: break-word;
word-break: break-all;
}
</style>

You have to add some lines to the COLUMN MODEL



colModel = new Ext.grid.ColumnModel([
{id:"Title", header: "Title", dataIndex:"Title", width: 200,sortable: true,css: 'white-space:normal;'
,renderer:function(value, p, record){return String.format('{0}',record.data['Title']);}}
]);