I am using jqGrid in a web application using which I am trying to show hierarchical data. I am loading the grid data by making an Ajax call which returns the data as Json string.

datatype:

"local",

loadui:

"block",

loadtext:

"Loading….",

loadonce:

true,

emptyrecords:

"No records.",

colNames: [

'Id', 'Name', 'LEVEL'],

colModel: [

{ name:

'Id', index: 'Id' },

{ name:

'Name', index: 'Name' },

{ name:

'LEVL', index: 'LEVEL' }

],

height: '100%',

width: wd,

rowNum: 20,

rowList: [5,10,20, 50, 100],

recordtext:

"View {0} – {1} of {2}",

pgtext:

"Page {0} of {1}",

pager:

'#' + pagerId,

multiselect:

false,

subGrid:

true,

subGridRowExpanded:

function (subgrid_id, row_id) {

CreateSubGrid(subgrid_id, subMgmtAcctId);

}

rowNum: 20,

rowList: [5,10,20, 50, 100],

recordtext:

pgtext:

pager:

multiselect:

subGrid:

I am adding the rows grid as :

for (var i = 0; i <= mydata.length; i++)

$(

"#" + gridName).jqGrid('addRowData', i + 1, mydata[i]);

Now the problem is if the Number of rows is greater than the RowNum value which I set , jqGrid should automatically give the page navigator in the bottom showing only first 20 records. But instead , it's showing all the records, but again when I change the page size from the rowList dropdown, grid is getting refreshed with correct number of records and pagination.

Can somebody help me in setting RowNum at start up and make jqGrid show those many number of records only ( per page ) ? 

Thanks and Regards,

Pradeep Reddy Billa