title: jqGrid sorting a column while grouping consider grouping header
body: <p>I have jqgrid. I've grouped few rows based on a column value. Working demo is available at <a href="http://jsfiddle.net/xx7Jg/12/" rel="noreferrer">link</a>
  part of the code that defines jqGrid</p>
  
  <pre><code>    var preclosingtable = $('#preclosing');
      preclosingtable.jqGrid({
          datatype: 'local',
          data: data.DOCS,
          colNames: ['', 'Documents Received', 'Comments', 'NA', 'DocGroup'],
          colModel: [
          { name: 'Documents', index: 'Documents', align: 'left', sortable: false, editable: false, width: 20 },
          { name: 'DocsReceived', index: 'DocsReceived', align: 'center', sortable: false, editable: true, edittype: 'checkbox', editoptions: { value: "True:False" }, formatter: "checkbox", width: 140 },
          { name: 'Comments', index: 'Comments', align: 'center', sortable: false, editable: true, edittype: "textarea", editoptions: { rows: "3", cols: "16" }, width: 180 },
          { name: 'NA', index: 'NA', editable: true, formatter: 'dynamicText', width: 150, edittype: 'custom', editoptions: { custom_element: radioelem, custom_value: radiovalue} },
              { name: 'DocGroup', index: 'DocGroup', editable: false, width: 1 }
          ],
          rowNum: data.DOCS.length,
          //rowList: [10, 20, 30],
          pager: '#preclosingpagerdiv',
          viewrecords: true,
          sortorder: "asc",
          sortname: 'Documents',
          grouping: true,
          groupingView: {
              groupField: ['DocGroup'],
              groupColumnShow: [false],
              groupDataSorted: true,
              groupOrder : 'asc'
          },
          localReader: {
              id: 'ConfigId'
          },
          shrinkToFit: false,
          height: 'auto',
          loadComplete: function () {
              HideGroupHeaders(this);
          },
          onSelectRow: function (id) {
              preclosingtable.jqGrid('saveRow', previouslyselectedRow, false, 'clientArray');
              previouslyselectedRow = SetJQGridRowEdit(id, previouslyselectedRow, preclosingtable);
          }
      });
  </code></pre>
  
  <p>Following is how my grid looks like
  <img src="https://i.stack.imgur.com/DgbPx.png" alt="jqGrid after grouping"></p>
  
  <p>Issue: Is it possible to sort rows in this grid so that the final grid has rows in the following Order</p>
  
  <ul>
  <li>Alabama </li>
  <li>D </li>
  <li>Maine </li>
  <li>NewJersey </li>
  <li>Q </li>
  <li>Virginia</li>
  </ul>