ag-grid单元格渲染错误：单元格渲染器必须为String或Function

Question

我正在研究有角度的ag-grid，我试图使用组单元格渲染器在单击加号时显示子网格数据。 使用此方法时，出现错误：Cell Renderer必须为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'}