jqGrid show more rows than the specified rowNum value
<p>Suppose i need to send parameter "rows" : 10 to server for pagination which is sent by rowNum value in jqGrid but server gives me more than 10 rows lets say 20. Now i need to display 20 rows in one page instead of 10 but because of rowNum set to 10 my table shows 10 rows only. How to display 20 rows after server response?</p>

<p>Any help would be appreciated. Thanks.</p>

<pre><code>&lt;script type="text/javascript"&gt;
      $(function () {
          $("#list").jqGrid({
              url: "/show_stock.json",
              mtype: "GET",
              styleUI : 'Bootstrap',
              datatype: "json",
              colModel: [
                  { label: 'Product', name: 'uiproduct_id', key: true, width: 440, formatter: function productFormatter( cellvalue, options, rowObject )
                      {
                        return '&lt;div&gt; &lt;img src="http://limeroad-prod.s3.amazonaws.com/uiproducts/' +
                                rowObject.uiproduct_id + '/tn_0-' + rowObject.fileidn + '.jpg"/&gt;' + rowObject.lrName +
                                "&lt;div&gt;"+ "Brand: " + rowObject.brand_name + "&lt;/div&gt;&lt;div&gt;" + "UPID: " + cellvalue +
                                "&lt;/div&gt;&lt;/div&gt;";
                      },
                                        cellattr: function (rowId, val, rawObject, cm) {
                                            var attr = rawObject.attr[cm.name], result;
                                            if (attr.rowspan) {
                                                result = ' rowspan=' + '"' + attr.rowspan + '"';
                                            } else if (attr.display) {
                                                result = ' style="display:' + attr.display + '"';
                                            }
                                            return result;
                                        }
                  },
                  { label: ' VendorStyle Code', name: 'vendor_style_code', width: 200, align: 'center', formatter: function styleCodeFormatter( cellvalue, options, rowObject )
                    {
                      return cellvalue + " (" + rowObject.size + ")";
                    }
                  },
                  { label: 'MRP', name: 'mrp', width: 150, align: 'center' },
                  { label: 'Selling Price', name: 'selling_price', defval: '145', width: 150, align: 'center', formatter: function sellingPriceFormatter( cellvalue, options, rowObject)
                    {
                        return rowObject.mrp - (rowObject.discount * rowObject.mrp / 100);
                    }
                  },
                  { label: 'Discount', name: 'discount', width: 150, align: 'center' },
                  { label:'Stock', name: 'quantity', width: 150, align: 'center', editable: true}
              ],
              width: 780,
              height: 400,
              pager: '#mypager',
              viewrecords: true,
              rowNum:10,
              rowList:[10,20,30],
              gridview: true,
              viewrecords: true,
              cellEdit: true,
              cellsubmit: 'remote',
              cellurl: '/update_stock.json',
              afterSubmitCell: function (serverStatus, rowid, cellname, value, iRow, iCol) {
                  var response = trim(serverStatus.responseText);
                  if (response != 'ok') {
                      return [true,""];
                  } else {
                      return [false,response];
                  }
              }
          });
      });
  &lt;/script&gt;
</code></pre>