title: How to delete rows in jqgrid
body: <p>I have just begun using jqGrid, and I want to delete rows using a custom delete button. I am using the code snippet below:</p>
  
  <pre><code>try {
          var cellValue;
          var id;
          jQuery("#editDataGridList").jqGrid({
              datatype: "local",
              width: 900,
              height: 270,
              colNames: ['Action', 'Interview id', 'Date of observation', 'Name of enumerator'],
              onSelectRow: function (id) {
                  debugger;
                  var rowData = jQuery(this).getRowData(id);                   
                  cellValue = rowData['InterviewId'];
              },
              colModel: [                
                   {
                       name: 'actions', index: 'InterviewId', sortable: false,
                       formatter: function (rowId, cellval, colpos, rwdat, _act) {
  
                           return "&lt;input type='button' id='btnid' value='delete' class='btn' onClick='deleteRecords(" + cellValue + ");' /&gt;";
  
                       }
                   },
                  { name: 'InterviewId', index: 'InterviewId' },
                  { name: 'Date', index: 'Date' },
                  { name: 'NameOfEnum', index: 'NameOfEnum' }
              ],
  
              multiselect: false,
              caption: "Edit already entered data"
          });
      }
      catch (e) {
          alert(e.message);
      }
  </code></pre>
  
  <p>The above code uses this function call to pass the selected row value for deletion</p>
  
  <pre><code>function deleteRecords(rowData) {
      alert(rowData);
  }
  </code></pre>
  
  <p>Unfortunately the rowData value is undefined.
  How can I use the same structure to delete the rows?</p>