PDA

View Full Version : Multiline grid column - Header Line getting Cutoff



AJAIN32
13 Jul 2015, 12:42 PM
Hi All,

I am using many grids in our application, I am facing one issue in the header of grids because i am using multiline header text. the line under the header is getting cutoff in the Internet Explorer and it is happening when you scroll up/down in the screen.
I have checked the earlier posts on fourms for the same issue -
https://www.sencha.com/forum/showthread.php?135050-Wrapping-Column-Headers-in-the-Grid-Panel
but this didn't help me.
Currently i am using <br> tag in the text of header, I also tried using the wraping in the header text, but still the issue is there.

can anyone please suggest if there is a way to fix this issue ?
In ExtJs 5 cellwrap attribute fixes this issues ? as in some time we are miagrating in extjs 5. Please suggest !!

Thanks,
Ankit

scottmartin
13 Jul 2015, 1:58 PM
Looks like you would need to provide some code for us to have a look. Do you have any custom styles?
https://fiddle.sencha.com/#home

Is this only an IE issue?

What is your version/ build that you are using?

jdkhamba
14 Jul 2015, 2:33 AM
Why not just have each line of text wrapped in a <div>?

https://fiddle.sencha.com/#fiddle/qe7

AJAIN32
14 Jul 2015, 6:34 AM
Hi,
I tried that fiddle after enabling sorting in it and the sort icon is coming below the header, and i tried with header configuration in column but the UI is still same.
I checked sencha docs also and it seems to be DEPRECATED since 4.0.

scottmartin -I tried to regenerate the issue in fiddle, but not able to see the line break under grid header, i double checked the css asscoiated with grid headers but nothng is impacting
and yes this issue is only for IE not for other browsers.
Is it right approach to use &lt;br&gt; in header text or wrapping ?

Thanks,
Ankit