Does anyone know how can I remove the auto-generated columns that are added whenever a grouping is added to the ng-grid? The columns are blank and appear at the left hand side and are around 30px wide. There are one of these columns per grouping (so if I grouped on 5 fields I would have 5 of these blank columns and it really throws my formatting).
EDIT: I am including a plunker from the ng-grid website to illustrate the issue - for each column "grouped by" an extra auto-generated column appears on the left hand side of the grid.
I figured it out. I had to use the ndGridEventGroups event.
$scope.$on('ngGridEventGroups', function (newColumns) {
var log = [];
angular.forEach(newColumns.targetScope.columns, function (value) {
if (value.isAggCol != undefined)
{value.visible = !value.isAggCol;}
}, log);
});
then for css you need to use (note you need to replace "table" with whatever html object you are using in your aggregate template - obviously, mine was a table :)
<style type="text/css">
span.ngAggregateText {left:0px !important;}
table.ngAggregate {left:0px !important;}
</style>