title: Change style/font of the rows in a group in jqGrid
body: <p>I have a jqGrid which has grouping. My jqGrid code is similar to my previous question <a href="https://stackoverflow.com/questions/16219944/jqgrid-sorting-a-column-while-grouping-consider-grouping-header">here</a> or <a href="http://jsfiddle.net/xx7Jg/14/" rel="nofollow noreferrer">working fiddle</a> by Oleg.</p>
  
  <pre><code>$('#states').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,
           sorttype: function (cellvalue, rowObject) {
               return cellvalue? cellvalue : rowObject.Documents;
           }}
      ],
      rowNum: data.DOCS.length,
      //rowList: [10, 20, 30],
      pager: '#statespagerdiv',
      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) {
          $(this).jqGrid('saveRow', previouslyselectedRow, false, 'clientArray');
          previouslyselectedRow = setJQGridRowEdit(id, previouslyselectedRow, $(this));
      }//,
      //width: 710
  });
  </code></pre>
  
  <p>How can I have rows which are not grouped (or not in a group) and grouping headers have the same style, but rows with in a group should have a style different to that of those not in group or grouping header.</p>