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'}