Include multiple rows in a single cell of gridpanel

[madanpiyush]

I'm using a grid panel in which text is very long, so I want text to run into next line & show complete text.

Eg.
Sencha ExtJS Rocks, so does we

should be displayed as

Sencha ExtJS Rocks,
so does we


Basically, I want to keep the width fix, overflowing text should be added to new line.

[sword-it]

Hi,

you can use
ext:qtip ​for long text in the grid cell

[Romick]

Just find css style of the cell and override it

.x-grid-panel .x-grid-row .x-grid-cell-inner {
height: auto; white-space: normal;}

[madanpiyush]

@sword-it
Thanks for reply!

Can you explain how to use


ext:qtip
/:)

​I couldn't find enough documentation.
:)



Hi,

you can useext:qtip
​for long text in the grid cell

[sword-it]

Hi,

you can use ext:qtip as following for grid column




{
header: 'Name'
, dataIndex: 'name'
, renderer: function (value, metadata) {
metadata.attr = 'ext:qtip="' + value + '"';
return value;
}
}