View Full Version : Disableing cut off from header text in grids (fade out from single digits)

25 May 2012, 1:51 AM

is there a possibility to disable the cut off from the header text in grids? For example when you resize a column (with the headertext "Properties") i.e. make it smaller then I don't want the header text to be cut off.
I don't want "Prop..." instead of "Properties". I would like to have "Prop" respectively as much text/digits from the column header text as possible without the "....".
TL;DR: I want to disable the "..." feature from resizing columns in column headers.
Thanks in advance.

25 May 2012, 4:02 AM

1. Screen: What happens when resizing.
2. Screen: Not resized
3. Screen: How I actually want it to look like / How I want the behaviour.

25 May 2012, 11:04 AM
It is done with a css property called "text-overflow". In the grid header it is set to "ellipsis". You need to set it back to "clip". The best is to take a look at it with firebug/webkit debugger.

.x-grid3-hd-inner {
text-overflow: clip;

30 May 2012, 12:18 AM
Sorry, I wasn't able to try it out earlier.
Works very well, thanks for your help sven!