title: jQWidget - jqxGrid multiple header rows such as jqGrid
body: <p>I would like to display multiple header rows such that I the top header row group would span a set of lower header row column names.  I know you can do this in jqGrid.  An example of it is:</p>
  
  <pre><code>jQuery("#samples").jqGrid('setGroupHeaders', { 
   useColSpanStyle: true, 
   groupHeaders:[ 
      {startColumnName: 'totalweight', numberOfColumns: 6, titleText: 'Count'}, 
      {startColumnName: 'bellyburst', numberOfColumns: 3, titleText: 'Damaged'}, 
      {startColumnName: 'a', numberOfColumns: 6, titleText: 'Weight'}, 
      {startColumnName: 'fish', numberOfColumns: 2, titleText: 'Quality'}, 
   ] 
  });
  </code></pre>