title: jqgrid inline edit only on selected cell, not the row
body: <p>i have a jqgrid in my application, which is working fine but its slight different from my requirement, when in click on a particular cell, the whole row is getting selected but i want only that particular cell to be selected...the next one is im able to update the row values on hitting the 'Enter' key, but i want the cell value to be updated as soon as the user leaves that particular cell</p>
  
  <p>this is my jquery code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function () {
          var lastsel;
  
          jQuery("#list").jqGrid({
              url: '/Home/GetStudents/',
              datatype: 'json',
  
              mtype: 'POST',
              colNames: ['StudentID', 'FirstName', 'LastName', 'Email'],
              colModel: [
        { name: 'StudentID', sortable: false, key: true },
        { name: 'FirstName', key: true },
        { name: 'LastName', sortable: false, key: true },
        { name: 'Email', width: 200, sortable: false, key: true}],
              cmTemplate: { align: 'center', editable: true },
              pager: '#pager',
              width: 750,
              rowNum: 15,
              rowList: [5, 10, 20, 50],
              sortname: 'StudentID',
              sortorder: "asc",
              viewrecords: true,
              caption: ' My First JQgrid',
              onSelectRow: function (StudentID) {
  
  
                  if (StudentID != lastsel) {
  
  
                      jQuery('#list').jqGrid('restoreRow', lastsel);
                      jQuery('#list').jqGrid('editRow', StudentID, true);
  
                      lastsel = StudentID;
  
                  }
  
              },
  
              editurl: '/Home/About/',
  
              caption: "jQgrid Sample"
  
          });
  
          jQuery("#list").jqGrid('navGrid', "#pager", { edit: false, add: false, del: false });
      });
  
  &lt;/script&gt;
  </code></pre>