2017-08-25 16 views
0

私はグリッドを使ってグループ化されたデータを表示しようとしています。データは正しく表示されていますが、必要に応じてデータをグループ化していません。私はangularJS 1.5.8とag-grid 12.0.2を使用しています。ここで私は何をしようとしているのは非常に単純化されたバージョンがある:あなたがない「グループ」はありません見ることができるようにag-gridグルーピングは展開/折りたたみコントロールを追加していません

enter image description here

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

そして、ここでは、表は次のようになりますグループ行による展開/折りたたみ制御はありません。

私が間違っていることは何ですか?

+0

可能であれば、問題のあるHTMLをJSFiddleで共有してください。 –

+0

groupUseEntireRow = trueを追加する必要があると思います; groupRowRenderer:function(params){return params.node.key; $ ctrl.agGridOptionsにあります。 –

+0

詳細については、https://www.ag-grid.com/javascript-grid-grouping-headers/#にアクセスしてください。snippest/fiddleを作成するよりもusfullである場合 –

答えて

0

私はちょうど問題が何かを理解しました。 "Grouping Rows"機能はエンタープライズ機能で、無料版を使用しています。

関連する問題