Layered or Nested ngTable Grouping

Question

I use groupBy in ngTable, but now I need an extra level of grouping in the table:

$scope.tableParams = new ngTableParams({ count: 100, sorting: { PremiumElementGroup: 'desc', PremiumElement: 'desc', LegalEntity: 'asc', SettlementCurrency: 'asc' } }, { counts: [], groupBy: 'PremiumElementGroup' <--- only allows one level of grouping... , getData: function ($defer, params) { var orderedData = $filter('orderBy')($scope.section.PremiumCessionOverrides, params.orderBy()); $defer.resolve(orderedData); } }); 

Is there anything I can do to achieve what I want? Or another grid tool that I could use?

Answer 1

Until now, there seems to be no way to group groups to multiple levels using ngTable .

However, you can use UI Grid , which, according to their documentation, allows you to embed several levels.

In one example, their documentation says:

SubGrid nesting can be done upto multiple levels. .

Side note: you request a tiered grouping or nested grouping where the title of the question is a little misleading.