使用ag-grid的Agroup數據

Question

我目前在我的項目中使用ag-grid。 我正在嘗試使用分組功能對數據進行分組。

在我的col def中，我有以下內容：

{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-grid選項：

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

但是，我沒有得到預期的行為，我已經用數據呈現了表格，並且使用了將數據分組的列，但是沒有將其分組，就像有序，但是我看不到下拉子項的按鈕

Answer 1

您確定在幾行之間共享ParentID嗎？ 如果沒有共享ID，groupRemoveSingleChildren選項將不顯示任何組。

您也可以嘗試使用rowGroupIndex而不是rowGroup

即

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

rowGroupIndex允許定義子組，以便您可以嵌套組（如果需要）。

我還建議刪除groupRemoveSingleChildren只是為了查看是否獲得復選框或數據是否有錯誤。