PDA

View Full Version : Include multiple rows in a single cell of gridpanel



madanpiyush
4 Jul 2012, 10:17 AM
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
5 Jul 2012, 10:19 PM
Hi,

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

Romick
5 Jul 2012, 11:13 PM
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
6 Jul 2012, 1:39 AM
@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
6 Jul 2012, 3:42 AM
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;
}
}