title: Can jqGrid support drag and drop rows with local data?
body: <p>I am learning jqGrid, hoping to hook it up to a Redis database eventually. As a first step, I'm working with local data. Here is what I've got to use the sortable rows (drag and drop rows within a grid).  The grid shows up and looks fine, the columns are even sortable, but I can't select a row and move it--what am I missing? Is it just because the data is local?</p>
  
  <p>The css and js files are loaded with no problem.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;My First Grid&lt;/title&gt;
  
  &lt;link rel="stylesheet" type="text/css" media="screen" href="themes/redmond/jquery-ui-1.8.23.custom.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" /&gt;
  
  &lt;script src="js/jquery-1.8.0.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/i18n/grid.locale-en.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.jqGrid.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
    jQuery("#mytable").jqGrid({
        datatype:"clientSide",
        data:[ {"number": 1, "segment":"frontmatter", "name": "chap0"},
               {"number": 2, "segment":"mainmatter",  "name": "chap1"},
               {"number": 3, "segment":"backmatter",  "name": "chap2"},
             ],
        colNames:['Chapter Name', 'Chapter Number', 'Document Segment'],
        colModel:[
                {name:'name'},
                {name:'number', sorttype:'number'},
                {name:'segment'},
                ],
        autowidth:true,
        height:'200',
        sortname: 'number',
        viewrecords: true,
        caption: 'My first grid',
        altRows:true,
    });
  });
  jQuery("#sortrows").jqGrid('sortableRows');
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;table id="mytable"&gt;&lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>