How to remove count after grouping in angular UI grid

Question

After grouping a column in the UI grid, count of no. of records in that category is displayed next to it, how can I remove it as shown in the below image

Answer 1

It's a little hard to find in the documentation, but you can hide these by setting the groupingShowCounts property of the grid options to false.

eg.

<div id="grid1" ui-grid="gridOptions" ui-grid-grouping class="grid"></div>

$scope.gridOptions = {
    data: $scope.data,
    groupingShowCounts: false
};