title: Angular UI Grid - How to customize aggregate rows behavior
body: <p>When grouping, ng-grid creates group row(s) that look and behave differently to regular rows. In particular, group rows don't display regular columns, but display a single merged row as defined by the aggregateTemplate. What I'm attempting to do is to customize group rows to include aggregated column data. For example:</p>
  
  <p><strong>Columns:</strong><br/>
  NAME | VALUE<br/>
  <br/>
  <strong>Data:</strong><br/>
  name1 | 5<br/>
  name1 | 5<br/>
  name2 | 1<br/>
  <br/></p>
  
  <p><strong>Grid displayed when grouped by NAME:</strong><br/>
  - name1  |  10 (this is the first group row expanded)<br/>
  -- name1 | 5 (these are the actual data rows)<br/>
  -- name1 | 5 (these are the actual data rows)<br/>
  - name2  | 1 (this is the second group row collapsed)<br/>
  <br/>
  Notice that the group rows display both columns and their VALUE is equal to the sum of their children.
  <br/>
  If you are familiar with ms excel pivot tables, that's exactly the grouping type functionality I'm trying to emulate.
  <br/>
  <br/>
  A similar question here on stack overflow (<a href="https://stackoverflow.com/questions/16015088/how-to-set-aggregation-with-grouping-in-ng-grid">How to set aggregation with grouping in ng-grid</a>) shows an example of how to do the child aggregation calculations, but I'm stuck on how to get ng-grid to display the output like regular rows with separate columns. Looking at the ng-grid code it's not looking like an easy task. Anyone have some experience with this?
  <br/>
  Thanks!</p>