Strange. Let us know what browser, platform, version of JqGrid, etc. you are using for this one. Also, it could be associated with the order in which you are loading your style sheets. Anything in firebug that's telling? If you can, add another component (like a simple accordian) into the same page and see if it displays correctly or not. That can help narrow the cause.

Have you added styles, other then ui.jqgrid.css and the redmond ui files? If not try adding

html, body {
font-size: 75%;
}

Hope this helps.

snorkel said:

Hi,

I just installed the latest stable version using the redmond theme and it does not look like the example grids at all, the fonts are

huge and the pager has weird artifacts.

Here is a screen shot of what I mean:

http://www.milwaukeesoft.com/grid_example.png

I looked through the css for the themes and didn't see anything weird.

Has anyone else seen this?

Hi,

I'm also having problems with 960 grid system (not the original 960 but downloaded from http://designinfluences.com/fluid960gs/).

It has 5 additional CSS:

reset.css
text.css
960.css
layout.css
nav.css

It seems that if I remove the reset.css and layout.css the grid looks ok.

Please see this image:

I'm using these code for the grid setup:

1. var baseURL = “http://localhost/moba”;

Mess around with the CSS. Very small differences to the CSS can suddenly make it work. Try the exact CSS I gave you, it worked for me in combination with altClass: 'altRow'.

tgueth,

You don't only have to add the CSS I gave you, but in your grid config you have to add this as well:

altClass: 'altRow',

altRows: true

This might be due to the theme you're using. Try adding altClass: 'altRow' and then add something like this to your css file:

.ui-jqgrid .altRow td{background-color: red;}

If this does work, then the problem was theming.