jQuery Grid Plugin - jqGrid - Topic: heading/data columns don't match

donb on heading/data columns don't match

Fri, 13 Mar 2009 15:53:21 +0200

Never fails - give up and ask for help and the answer presents itself. I compared my grid to the demo and determined the class 'scroll' was the missing piece.

Further, I discovered that if my grid/pager are defined by a class instead of an id, that does not work. So I had to declare my grid with

id='abc' class='scroll'

instead of

'class abc scroll'

I expected the latter would work fine, but does not.

donb on heading/data columns don't match

Fri, 13 Mar 2009 15:41:57 +0200

It just occurred to me when I revisted the demo pages, that my 'zebra stripe' and the pager background is missing ('sand' theme).

I reloaded the themes folders from the ZIP file, but the grid looks the same.

This must be a clue - like the theme is wrong?

donb on heading/data columns don't match

Fri, 13 Mar 2009 15:19:10 +0200

By the way, this is the grid code:

$(thisGrid).jqGrid(
   {
   url:'prospect_get.php',
   datatype: "json",
   colNames:[ 'Pid', 'Area', 'City', 'Update', 'rrif', 'Min $', 'Max $', 'bedroom', 'Bath' ],
   colModel:[ {name:'pid', index:'pid'},
        {name:'area', index:'area'},
        {name:'City', index:'indicated_city'},
        {name:'Update',index:'updated', formatter: 'date', formatoptions: {srcformat: 'Y-m-d',newformat: 'm/d/Y'}},
        {name:'rrif', index:'rrif'},
        {name:'price_from', index:'price_from'},
        {name:'price_to',index:'price_to'},
        {name:'bedroom', index:'bedroom'},
        {name:'bath', index:'bath'}
      ],
      rowNum:25,
      imgpath: gridimgpath,
      sortname: 'updated',
      viewrecords: true,
      sortorder: "desc",
      multiselect: false,
      loadonce: false,
      forceFit: true,
      expandColumn: 'bath',
      width: 1000,
      height: 400,
      hidegrid: false,
      recordtext: 'Prospects',
      caption: gridtitle,
      pager: $(".prospect-pager")
  });
}

donb on heading/data columns don't match

Fri, 13 Mar 2009 15:08:10 +0200

This is something I've not seen before. A new grid/page I created refuses to align the heading with the data rows below it:

http://gotodon.net/test/prospe.....s.php.html

That's a 'static' look at the page (not able at this time to setup and load the associated database for you to see it live.

This is my first shot at a 3.4.x grid, so maybe I've missed a new option or otherwise configured something wrong?

Only in firefox does it look wrong. IE is just fine.