title: How to make JqGrid always have empty row at bottom?
body: <p>I'm using JqGrid with inline editing and i dont use navigation, pager or footer. I want to add empty row at the bottom to added. I mean empty row will be always there after editing an exsiting row, after adding new row.</p>
  
  <p>I added row in loadComplete event, but i just adds empty row at beginning not anymore.</p>
  
  <pre><code>jQuery("#tableContents").jqGrid({
      postData: { orderId: '139358' },
      mtype: "POST",
      url: "test.asmx/GetContents",
      datatype: "json",
      ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },
      serializeGridData: function (postData) {
          return JSON.stringify(postData);
      },
      jsonReader: { repeatitems: true, root: "d.rows", page: "d.page", total: "d.total", records: "d.records" },
      colNames: ['Master Content ID', 'Description Of Goods', 'No Of Items', 'Total Value for Customs', 'Weight', 'Track No'],
      colModel: [
               {
                   name: 'master_content_id', index: 'master_content_id', width: 60, hidden: true, editable: true, editrules: { edithidden: false }
               },
               {
                   name: 'content', index: 'content', width: 60, sorttype: "string", editable: true, edittype: "text",
                   editrules: {
                       required: true
                   }
               },
               {
                   name: 'piecesInt', index: 'piecesInt', width: 90, align: "right", sorttype: "int", editable: true,
                   editrules: {
                       number: true,
                       required: true
                   }
               },
               {
                   name: 'value', index: 'value', width: 100, align: "right", sorttype: "float", editable: true,
                   editrules: {
                       required: true
                   }
               },
               {
                   name: 'weight', index: 'weight', width: 80, align: "right", sorttype: "float", editable: true,
                   editrules: {
                       required: true
                   }
               },
               {
                   name: 'track_no', index: 'track_no', width: 80, align: "right", sorttype: "string", editable: true
               },
      ],
      rowNum: 10,
      rowList: [10, 20, 30],
      //pager: jQuery('#pager1'),
      sortorder: "desc",
      viewrecords: true,
      regional: 'tr',
      height : '100%',
      caption: "Manipulating Array Data",
      editurl: 'test.asmx/EditContent',
      loadonce: true,
      sortable: true,
      //footerrow: true,
      onSelectRow: function (rowid) {
          var $self = $(this),
              // savedRows array is not empty if some row is in inline editing mode
              savedRows = $self.jqGrid("getGridParam", "savedRow");
          if (savedRows.length &gt; 0) {
              $self.jqGrid("restoreRow", savedRows[0].id);
          }
          $self.jqGrid("editRow", rowid, {    
              keys: true,
              extraparam: { orderId: '139358', staffId : '111' },
              aftersavefunc: function (rowid) {
                  alert("Saved");
              }
          });
      },
      loadComplete: function () {
          var $self = $(this)
          $self.jqGrid('addRowData', undefined, {});
      }
  });
  </code></pre>
  
  <p>How can we do that? </p>