jQuery Grid Plugin - jqGrid

This is my code, the data is getting displayed as it is without any pagination

var filesystem=[];
$(xml).find('file').each(function(){ 
var row={};
row.total=$(this).attr('total');
row.free=$(this).attr('free');
row.used=$(this).attr('used');
row.percentage=$(this).attr('percentage');
filesystem.push(row);
});


$('#detailTable').empty();
$('<div>')
.attr('id','diskUsageSpan')
.html('<divclass="titleBlue">Configuration&gt;System&gt;Disk Usage</div>'+
'<table id="list1"></table>'+
'<div id="gridpager"></div>'+
'</div>')        
.appendTo('#detailTable');    



jQuery("#list1").jqGrid({
datatype: "local",
height: 250,
colNames:['Total Space','Free Space', 'Used Space', 'Used Percentage'],
colModel:[
{name:'total',index:'total', width:90, align:"right"},
{name:'free',index:'free', width:90, align:"right"},
{name:'used',index:'used', width:90, align:"right"},
{name:'percentage',index:'percentage', width:120, align:"right"},
],
pager : '#gridpager',
rowNum:10,
rowList:[10,20,30],
viewrecords: true,
gridview: true,
edit:false,
add:false,
del:false
});
for(var i=0;i<=filesystem.length;i++)
jQuery("#list1").jqGrid('addRowData',i+1,filesystem[i]);