jQuery Grid Plugin - jqGrid

Hello all.

It´s my first grid and i don´t have lucky with it jeje. The problem is the navigator don´t show in my page. I dont know if the problem is with js or css.

My code is the following:

--html--

 <table id="list"></table>
  <div id="gridpager"></div> 

--JS--

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery("#list").jqGrid({
    url:'http://192.168.1.31/clientes/c.....l&#39;,
    datatype: "xml",
    colNames:['Codigo_Cliente','Nombre', 'Nombre_Comercial', 'CIF','Direccion'],
    colModel :[
      {name:'Codigo_Cliente', index:'Codigo_Cliente', width:80, align:'left'},
      {name:'Nombre', index:'Nombre', width:250},
      {name:'Nombre_Comercial', index:'Nombre_Comercial', width:250},
      {name:'CIF', index:'CIF', width:80, align:'left'},
      {name:'Direccion', index:'Direccion', width:260},
    ],
    height:300,
    pager: '#gridpager',
    rowNum:100,
    rowList:[100,200,300],
    sortname: 'Codigo_Cliente',
    sortorder: 'desc',
    viewrecords: true,
    caption: 'Clientes'
    });
});

jQuery("#list").jqGrid('navGrid','#gridpager',{});
jQuery("#list").filterToolbar();
    
</script>

But the navigator tab don´t show in my page. With firebuf element inspector this is the final html code:

<td align="left" id="gridpager_left"></td>

But it is all. There is nothing below this.

Anybody Could you help me?

Thanks in advance.

Best Regards.