Hi JS-ers,
I’m loading data from server on the jqgrid. I’ve only 8 rows in the table data shown. To limit the rows shown on load I changed the rowList.
However, it didn’t work as expected.

1- I still get all 8 rows at once, on load.
2- If I change the row in the drop down, say 3. The pager button doesn’t get activated.
I still get page 1 of 1. If 3 rows are being show, then in this case it should be page 1 of 3.

	$("#grid_illume").jqGrid({
		
		url:'test/xhr_get_data',
		datatype: "json",
		mtype: "GET",
		
		jsonReader: {
		    repeatitems: false,
		    id: "",
		    root:  function (obj) {
		        return obj;
		    },
		    records: function (obj) {
		        return obj.length;
		    },
		    page: function () {
		        return 1;
		    },
		    total: function () {
		        return 1;
		    }
		},
		
		datatype: 'json',
		width: 'auto',
		colNames:['study','Sample Name','Forward Primer','Reverse Primer'],
        colModel :[ 
                   {name:"study",sortable: true}, 
                   {name: "sample_name",sortable: true},
                   {name: "forward_primer",sortable: true},
                   {name: "reverse_primer",sortable: true}
                   ],
                rowNum:10, //this sets the default row in the pager
                pager: '#pager_illume',	
       			shrinkToFit : false,
       	        rownumbers: true, //row numbers on left
       	        multiselect: true, //check box
       			height: '100%', //height: 'auto',
       			gridview: true,			
       			viewrecords:true, // this is for the View 1 - 8 of 8 \m/
       			sortorder:"asc", //asc 
       			autoencode: true, //don't know
       			sortable:true, //sort
       			loadonce: false, //loadonce is must
       			rowList:[3,6,9], //drop down
       			caption:"jqGrid Illume Example" //title of the grid
	});

If I remove the jsonReader code, my pager starts acting weirdly. It shows duplicate rows, with pager working when 3 rows selected form the drop down. I can get page 45 of 1. Row 270. That’s strange.