ag-grid 셀 렌더링 오류 : 셀 렌더러가 문자열 또는 함수 여야합니다.

Question

각도 ag-grid에서 작업하고 있습니다. 더하기 기호를 클릭하면 자식 격자 데이터를 표시하기 위해 그룹 셀 렌더러를 사용하려고합니다. 이것을 사용하는 동안 오류가 발생합니다. 셀 렌더러는 String 또는 Function이어야합니다.

var masterColumnDefs = [ 
    // group cell renderer needed for expand/collapse icons 
    {field: 'name', cellRenderer: 'group'}, 
    {field: 'account'}, 
    {field: 'calls'}, 
    {field: 'minutes', valueFormatter: "x.toLocaleString() + 'm'"} 
]; 

var detailColumnDefs = [ 
    {field: 'callId'}, 
    {field: 'direction'}, 
    {field: 'number'}, 
    {field: 'duration', valueFormatter: "x.toLocaleString() + 's'"}, 
    {field: 'switchCode'} 
]; 

var detailGridOptions = { 
    columnDefs: detailColumnDefs, 
    onGridReady: function(params) { 
     params.api.sizeColumnsToFit(); 
    } 
}; 

var masterGridOptions = { 
    columnDefs: masterColumnDefs, 
    rowData: rowData, 
    masterDetail: true, 
    detailCellRendererParams: { 
     detailGridOptions: detailGridOptions, 
     getDetailRowData: function(params) { 
      params.successCallback(params.data.callRecords); 
     } 
}, 
onGridReady: function(params) { 
    params.api.forEachNode(function (node) { 
     node.setExpanded(node.id === "1"); 
    }); 
    params.api.sizeColumnsToFit(); 
} 
}; 

document.addEventListener('DOMContentLoaded', function() { 
    var gridDiv = document.querySelector('#myGrid'); 
    new agGrid.Grid(gridDiv, masterGridOptions); 
}); 

Answer 1

당신의 이름의 열 정의는이

{field: 'name', cellRenderer:'agGroupCellRenderer'} 

처럼해야합니다