jQuery Grid Plugin - jqGrid

Hi All,

I am new to jqGrid, it looks great thanks. I am trying to load local data into a grid and it works fine unitl I put the pager option on.

When I add the pager option my grid is rendered empty with the text "undefined" in the center if the grid.

Here is the javascript for my test:

jQuery("#queueTable").jqGrid({

datatype: "clientside",

autowidth: true,

colNames: ['Name', 'Type', 'Desc'],

colModel: [

{name:'name', index:'name'},

{name:'type', index:'type'},

{name:'desc', index:'desc'}

],

altRows: true,

caption: ""

});

var mydata = [

{name:"Test", type:"type1",desc:"Desc1"},

{name:"Test1", type:"type2",desc:"Desc2"}

];

for (var i = 0; i < mydata.length; ++i) {

jQuery("#queueTable").jqGrid('addRowData', i+1, mydata[i]);

}

Below is my html:

<table id="queueTable"></table>

<div id="queuePager"></div>

The above works fine, but when I add

pager: "#queuePager" 

to the jqGrid constructor I get  the grid with the column headers but no data. There is a white box with an orange border which says 'undefined' in orange.

I assume I am missing some configuration option but I can't seem to figure it out.

Thanks

 Glenn