jQuery Grid Plugin - jqGrid

tony said:

If you use local data type this is not possible.

If you use server side language you can control this via option

rowNum

I tried but still not working.

Here is my code:

jQuery("#navgrid").jqGrid({       
       url:'<s:url action="UserListAction" namespace="/user" ></s:url>',
    datatype: "json",
    height:300,
    width:1500,
       colNames:['User Name','First Name','Last Name','Phone','Fax','Role','Password','Customer Id'],
       colModel:[
           {name:'userEmailAddress',index:'userEmailAddress',editable:true,editoptions:{size:10}},
          {name:'userFname',index:'userFname',editable:true,editoptions:{size:10},width:80},
          {name:'userLname',index:'userLname',editable:true,editoptions:{size:10},width:80},
          {name:'userPhone',index:'userPhone',editable:true,editoptions:{size:10},width:70},
          {name:'userFax',index:'userFax',editable:true,editoptions:{size:10},width:70},
          {name:'userRoles',index:'userRoles',editable:true,edittype:"select",editoptions:{value:"10001:ROLE_RESELLER_SUPERVISOR;10002:ROLE_RESELLER_ADMIN;10003:ROLE_RESELLER_OPERATOR;10004:ROLE_CUSTOMER_SUPERVISOR;10005:ROLE_CUSTOMER_ADMIN;10006:ROLE_CUSTOMER_OPERATOR"}},
          {name:'userPassword',index:'userPassword',editable:true,editoptions:{size:10}},
          {name:'customerId',index:'customerId',editable:false,editoptions:{size:10}}
      ],
       rowNum:5,
       rowList:[5,10,15],
       imgpath: gridimgpath,
       jsonReader: {
                   root:"users",
                   page:"page",
                   total:"total",
                   records:"records",
                   repeatitems:false,
     },
       pager: jQuery('#pagerde'),
       sortname: 'userEmailAddress',
    caption:"User Management",
    onPaging : function() { alert("I'm executed before the request");},
    viewrecords: true,
    editurl:'<s:url action="AddUserAction" namespace="/user" />'
}).navGrid('#pagerde',{edit:false,add:false,del:false,search:false},{},{},{},{});