0

i have problem with jqgrid headers.

in firefox it is displaying properly as shown below... jqgrid header in firefox

in IE7 it is displaying as shown below... jqgrid header in IE7

can anyone solve my problem...

i used the following html for jqgrid

< table id="list" cellpadding="0" cellspacing="0">< /table>

< div id="pager" >< /div>

Sandeep
  • 2,041
  • 21
  • 34
  • You should verify CSS which you use (especially the parts which are relevant for the ``).
     – Oleg May 11 '11 at 11:00
  • the css used is of jqgrid... i didnot modified it.. – Sandeep May 11 '11 at 12:14
  • You will need to use a different css for IE versions. You can check the css class implemented by the gird header through firebug, get that class and override for IE and get that to set an appropriate css. Or you can update the height of the header through jquery too when the browser is IE. Also check thse two link http://stackoverflow.com/questions/8800003/jqgrid-headertext-of-columns-are-not-displayed-properly and http://stackoverflow.com/questions/7246506/how-to-wrap-single-column-header-text-into-multiple-lines-in-jqgrid – DG3 Feb 09 '12 at 22:04

1 Answers1

1

I think this is a known issue because I've seen it, too - mostly in IE9. If, for example, you have a title that is too long inside of a narrower column, it bumps the contents of the column in that header row out of alignment and part of the word will overlap the next column as if the "overflow" on the class is being ignored.

As a quick fix, if you set the column width to be wider than the text that is in the header, it will not show that alignment problem. I know this is not really a best-case solution because if someone manually collapses the width on that column, it will mess up the alignment again.

Best I can tell when I look at the CSS for jqGrid, the <div> that hold the text inside of the <th> for that row has an overflow compatibility issue with the styles applied to the <th> itself which control white-space, float and text-align.

Community
  • 1
  • 1
Adam
  • 26
  • 1