Ag-grid를 사용하여 Agroup 데이터

Question

현재 내 프로젝트에서 ag-grid를 사용하고 있습니다. agrouping 기능을 사용하여 데이터를 그룹화하려고합니다.

이

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

다음, AG-그리드 옵션 : 그러나

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"/>' 
    } 
}; 

가 테이블로 렌더링 내가 예상 동작을 받고 있지 않다, 내가 한 내 COL 데프에서

나는이 있습니다 데이터 및 데이터를 집계하는 열은 그룹화되지 않았지만 정렬 된 것처럼 보이지만 자식을 드롭 다운하는 단추가 표시되지 않습니다

Answer 1

ParentID가 여러 행 사이에 공유되어 있습니까? ? groupRemoveSingleChildren 옵션은 ID가 공유되지 않으면 그룹을 표시하지 않습니다.

즉

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

rowGroupIndex 하위 그룹은 당신이 할 수 있도록 정의 할 수 rowGroup 반대로

또한 rowGroupIndex를 사용하여 시도 할 수 있습니다 둥지 그룹 (당신은 필요한 경우).

확인란을 선택했는지 또는 데이터에 오류가 있는지 여부를 확인하기 위해 groupRemoveSingleChildren을 제거하는 것이 좋습니다.