2017-08-25 44 views
0

我试图展示一些使用ag-grid进行分组的数据。数据正在正确显示,但它没有像应该那样分组数据。我使用的是angularJS 1.5.8和ag-grid 12.0.2。这里是我想要做一个非常简化的版本:ag-grid分组不添加展开/折叠控件

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; 
} 

,这里是表的样子:

enter image description here

正如你可以看到有没有“集团”列,并且组行没有展开/折叠控制。

任何想法我做错了什么?

+0

你可以请分享HTML,如果可能的话,JSFiddle的问题。 –

+0

我想你需要添加groupUseEntireRow = true; groupRowRenderer:function(params){return params.node.key;在$ ctrl.agGridOptions中。 – 2017-08-25 17:42:58

+0

有关更多详细信息,您可以访问https://www.ag-grid.com/javascript-grid-grouping-headers/# if if not usfull than create snippest/fiddle – 2017-08-25 17:43:34

回答

0

我刚刚意识到问题所在。 “Grouping Rows”功能是企业功能,我正在使用免费版本。