Le regroupement d'ag-grid n'inclut pas l'ajout de contrôles expand/collapse

Question

J'essaie d'afficher certaines données groupées à l'aide de la grille ag. Les données sont affichées correctement, mais les données ne sont pas regroupées comme il se doit. J'utilise angularJS 1.5.8 et ag-grid 12.0.2. Voici une version très simplifiée de ce que je suis en train de faire:

function _setGridOptions() { 
    var data = [ 
     {packageID: "one", documentID: "one-one", cost: 1}, 
     {packageID: "one", documentID: "one-two", cost: 2}, 
     {packageID: "one", documentID: "one-three", cost: 3}, 
     {packageID: "two", documentID: "two-one", cost: 4}, 
     {packageID: "two", documentID: "two-two", cost: 5}, 
     {packageID: "two", documentID: "two-three", cost: 6} 
    ]; 
    var cols = [ 
     { 
      headerName: "Package ID", 
      width: 100, 
      field: "packageID", 
      rowGroup: true 
     }, 
     { 
      headerName: "Document ID", 
      width: 100, 
      field: "documentID" 
     }, 
     { 
      headerName: "Cost", 
      width: 100, 
      field: "cost" 
     } 
    ]; 
    $ctrl.agGridOptions = { 
     columnDefs: cols, 
     animateRows: true, 
     enableRangeSelection: true, 
     rowData: data, 
     enableSorting: true, 
     debug: true, 
     enableColResize: true, 
     onGridReady: function() { 
      $ctrl.agGridOptions.api.sizeColumnsToFit(); 
     } 
    }; 
    $ctrl.transactionsLoaded = true; 
} 

Et voici ce que la table ressemble à:

Comme vous pouvez le voir il n'y a pas « Groupe » colonne et il n'y a pas de contrôle expand/collapse par la ligne de groupe.

Des idées que je fais mal?

Answer 1

Je viens de réaliser quel est le problème. La fonctionnalité "Grouping Rows" est une fonctionnalité d'entreprise et j'utilise la version gratuite.