jQuery Grid Plugin - jqGrid

Hi all,

i have to use a cliendSide Array or XML-String to fill the grid.

my code:
<table id="list" class="scroll"></table>
<div id="pager" class="scroll" style="text-align:center;"></div>

<script type="text/javascript">
var mystr ="<?xml version='1.0' encoding='utf-8'?><invoices><rows>"
+"<row>"
+"<cell>data1</cell>"
+"</row>"
+"<row>"
+"<cell>data2</cell>"
+"</row>"
+"<row>"
+"<cell>data3</cell>"
+"</row>"
+"<row>"
+"<cell>data4</cell>"
+"</row>"
+"<row>"
+"<cell>data5</cell>"
+"</row>"
+"<row>"
+"<cell>data6</cell>"
+"</row>"
+"<row>"
+"<cell>data7</cell>"
+"</row>"
+"<row>"
+"<cell>data8</cell>"
+"</row>"
+"<row>"
+"<cell>data9</cell>"
+"</row>"
+"<row>"
+"<cell>data10</cell>"
+"</row>"
+"<row>"
+"<cell>data11</cell>"
+"</row>"
+"</rows>"
+"</invoices>";

jQuery(document).ready(function(){
  jQuery("#list").jqGrid({
    datatype: 'xmlstring',
    datastr : mystr,
    width:300,
    colNames:['Inv No'],
    colModel :[
      {name:'invid', index:'invid', width:55, sorttype:'int'} ],
    pager: jQuery('#pager'),
    rowNum:10,
    rowList:[10,20,30],
    viewrecords: true,
    imgpath: gridimgpath,
    caption: 'My first grid'
  });
});

</script>

At the image you can see my problem. I have 11 records in my grid, the "rowNum" == "10" and everything is on one page. can you give me a solution how i can work with the pager and a "clientSide" datastore.

greets

arne