Ag-gridを使用したAgroupデータ

Question

私のプロジェクトでは現在ag-gridを使用しています。 agrouping機能を使用してデータをグループ化しようとしています。私のCOLで

DEF、私はこれがあります、そして、AG-グリッドオプション

{headerName: "Parent", field: "ParentID",width: 120,rowGroup:true}, 
{headerName: "Name", field: "Name"}, 
{headerName: "Level", field: "Level"}, 
{headerName: "Active", field: "Active"}, 
{headerName: "Actions", 
    field: "Actions", 
    cellRenderer: function (params) { 
     /*Generate a link and return it*/ 
     return EditLink; 
    } 
    } 

を：

var gridOptions = { 
    columnDefs: columnDefs, 
    rowData: rowData, 
    onGridReady: function() { 
     gridOptions.api.sizeColumnsToFit(); 
    }, 
    animateRows: true, 
    enableRangeSelection: true, 
    enableSorting: true, 
    enableFilter: true, 
    enableColResize: true, 
    domLayout:'autoHeight', 
    rowHeight: 48, 
    enableStatusBar: true, 
    rowSelection: 'single', 
    groupMultiAutoColumn:true, 
    groupRemoveSingleChildren:true, 
    icons: { 
     checkboxChecked: '<img src="data:image/png;base64,SOMECODEHERE"/>' 
    } 
}; 

は、しかし、私は予想される動作を得ていないのですが、私はレンダリングされたテーブルを持っていますデータと列をデータに集約するが、グループ化されていないので、順序は同じですが、子をドロップダウンするボタンは表示されません

Answer 1

ParentIDは複数の行？ groupRemoveSingleChildrenオプションは、IDが共有されていない場合、グループを表示しません。 rowGroup

すなわち

this.columnDefs = [ 
    {headerName: "Clan", field: "clan", editable: true, rowGroupIndex: 0 }, 

とは対照的に、あなたはまた、rowGroupIndexを使用して試すことができます

rowGroupIndexは、サブグループは、あなたができるネストグループ（必要であれば）ように定義することができます。

また、チェックボックスがオンになっているか、データに障害があるかどうかを確認するためにgroupRemoveSingleChildrenを削除することをおすすめします。