Ошибка рендеринга ячейки ag-grid: ячейка Renderer должна быть String или Function

Question

Я работаю над угловой сеткой. Я пытаюсь использовать средство визуализации групповых ячеек для отображения данных дочерней сетки при нажатии на знак плюс. при использовании этого я получаю сообщение об ошибке: 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'}