0
votes

Cannot read property 'aggLabelFilter' of undefined

I get the following error when enabling the Group option of ngGrid. Chrome DevTools shows the error Plunkr

TypeError: Cannot read property 'aggLabelFilter' of undefined
at self.parseGroupData (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:2456)
at self.getGrouping (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:2553)
at self.filteredRowsChanged (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:2370)
at self.evalFilter (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:2675)
at dataWatcher (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:3286)
at Object.fn (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:3297)
at Object.e.$digest (angular.min.js:84)
at Object.e.$apply (angular.min.js:86)
at angular.min.js:15
at Object.d [as invoke] (angular.min.js:26)angular.min.js:60 (anonymous function)

If I remove the groups: 'GameDate', from the JS, then this works without an error.

I updated the Group setting to be an array as suggested, but the error persists. I then tried to disable the groups setting and the grousCollapsedByDefault, and enabled the ShowGroupPanel. While the error now goes away, as soon as I drag the GameDate column to the grid shows the groupings. Once I expand the group, then the error occurs again.

When expanding the group columns, I get one instance of the following error for each collapsed row of data.

Error: [$parse:ueoe] http://errors.angularjs.org/1.3.15/$parse/ueoe?p0=row.entity.
1

1 Answers

0
votes

From ng-grid documentation:

groups [] Initial fields to group data by. Array of field names, not displayName.

so if you change

groups: 'GameDate'

to

groups: ['GameDate']

should work without problems