GridPanel - column text truncated

[epi82]

Hello,

in my GridPanel when a column text is too long is truncated with "..."

How can I prevent it? I need something like this:

22433

Is it possible?

Thank you.

[laurentParis]

you can use css "white-space: normal;" on cells

[epi82]

I've tried with this renderer function and it works good!


function arg(val){
return '<div style="white-space:normal;">' + val + '</div>';
}

Thank you!

[laurentParis]

it will be more efficient to use this code if arg method is your renderer method


function arg(val, meta){
meta.css += ' white-space-normal';
return Ext.util.Format.htmlDecode(val);
}
...
into your css file add this line :
.white-space-normal {white-space:normal;}

[epi82]

I've tried this:


function arg(val, meta){
meta.style = 'white-space:normal;';
return Ext.util.Format.htmlDecode(val);
}

but it doesn't give me the same result... what's wrong?

[laurentParis]

I'm not sure that style is supported by meta argument
try with css, it's better than using style

[epi82]

it will be more efficient to use this code if arg method is your renderer method


function arg(val, meta){
meta.css += ' white-space-normal';
return Ext.util.Format.htmlDecode(val);
}
...
into your css file add this line :
.white-space-normal {white-space:normal;}



Now it works... but I modified ext-all.css:


.x-grid3-cell-inner, .x-grid3-hd-inner{
overflow:hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding:3px 3px 3px 5px;
/*white-space: nowrap; with this setting the function doesn't work*/
}

Is it possible or I'm wrong?

[laurentParis]

you can create your own css file or add in your html file into head tag


<style type="text/css">
.white-space-normal {white-space:normal;}
</style>


Ps: don't modify ext-allxxxx.js or ext-all.css... never !