This tutorial covers grouping with values other than count shown in the group header, and with edit enabled.

We create a custom columnsProcessor to override the default aggregation that grouping sets, including setting a custom aggregation function so that we can aggregate data from a different column than the one we're on.

We turn on the ability to select group headers, and write a callback on the selection event to select all children of the selected rowHeader.

For better performance with the following example, you can choose to load the ui-grid.core.js and specific feature files instead:

  <script src="/release/ui-grid.core.min.js"></script>
  <script src="/release/ui-grid.edit.min.js"></script>
  <script src="/release/ui-grid.grouping.min.js"></script>
  <script src="/release/ui-grid.selection.min.js"></script>