jQuery Grid Plugin - jqGrid

$(function () {

$("#csv").jqGrid({

datatype : 'xml',

url: "data.php?sd=<?php echo($startdate) ?>&ed=<?php echo($enddate) ?>&agents=<?php echo($csragents) ?>",

mtype: "GET",

colNames: ["Agent", "Inbound Calls", "Inbound Talk Time", "Outbound Calls", "Outbound Talk Time", "Total Talk Time", "Session Time", "Pause Time", "Wait Time", "StartDate", "EndDate"],

colModel: [

{ name: "Agent", width: 100 },

{ name: "callsreceived", width: 100, align: "right" },

{ name: "callsreceivedtime", width: 100, align: "right" },

{ name: "outboundcalls", width: 100, align: "right" },

{ name: "outboundcalltime", width: 100, align: "right" },

{ name: "totaltalktime", width: 100, align: "right" },

{ name: "sessiontime", width: 100, align: "right" },

{ name: "pausetime", width: 100, align: "right" },

{ name: "waittime", width: 100, align: "right" },

{ name: "startdate", width: 100, align: "right", editrules: {edithidden:true}, hidden:true},

{ name: "enddate", width: 100, align: "right", editrules: {edithidden:true}, hidden:true},

],

pager: "#csvpager",

rowNum: 50,

rowList: [50, 100, 200],

sortname: "Agent",

sortorder: "desc",

viewrecords: true,

gridview: true,

autoencode: true,

autowidth: true,

height: "100%",

multiselect: false,

subGrid : true,

subGridUrl: 'subdata.php?q=2',

subGridModel: [{ name : ['Date','Queue','Number','Event','Event Time'],

width : [200,200,200,200,200],

params : ['Agent','startdate','enddate']}

],

caption: "CSR Queue"

});

});

The subgrid is getting the data .. watching the network tab in chrome dev tools

<?xml version='1.0' encoding='utf-8'?>

<rows>

<row>

<cell><![CDATA[2014-01-22 12:58:38]]></cell>

<cell>6</cell><cell></cell>

<cell><![CDATA[PAUSE]]></cell>

<cell>00:00:00</cell>

</row>

<row>

<cell><![CDATA[2014-01-22 12:59:25]]></cell>

<cell>6</cell>

<cell></cell>

<cell><![CDATA[UNPAUSE]]></cell>

<cell>00:00:00</cell>

</row>

</rows>

Can anyone tell me what I'm doing wrong its driving me a bit nutty.