Word-wrap grid cells in Ext JS

Question

(This is not a question per se, I\'m documenting a solution I found using Ext JS 3.1.0. But, feel free to answer if you know of a better solution!)

The Colu

Answer 1

If you only want to wrap text in certain columns and are using ExtJS 4, you can specify a CSS class for the cells in a column:

{
    text: 'My Column',
    dataIndex: 'data',
    tdCls: 'wrap'
}

And in your CSS file:

.wrap .x-grid-cell-inner {
    white-space: normal;
}