Ag-Grid中的展开/折叠行

时间:2019-07-25 14:37:26

标签: ag-grid ag-grid-react

我有一个使用CellRendererFramework渲染的表格。在此呈现的表格内,我想进一步展开/折叠行。我想展开像THIS这样的折叠行。不同于

链接中的代码
columnDefs: [
{
          headerName: "Group",
          field: "group",
          cellRenderer: "agGroupCellRenderer"
        },
        {
          headerName: "Athlete",
          field: "athlete"
        },
        {
          headerName: "Year",
          field: "year"
        },
]

我的ColumnDefs使用CellRendererFramework,因此我不能使用CellRenderer:"agGroupCellRenderer"

我的ColumnDef是

ColumnDefs: {
cellClass: params => {
                    return cn({
                        action: params.colDef.field === ACTION,
                        clickable: onRowClick
                    });
                },
                cellRendererFramework: getValues,
                cellRendererParams: {
                    actions,
                    controls,
                    dynamicDataKey,
                    editConfig,
                    getAdditionalColumns,
                    grandTotalKey,
                    highlightColor,
                    passParentId,
                    primaryId,
                    rowColorConfig,
                    val: data
                },
                checkboxSelection: params => {
                    if (utils.hasSelect(widget)) {
                        var displayedColumns = params.columnApi.getAllDisplayedColumns();
                        var thisIsFirstColumn = displayedColumns[ 0 ] === params.column;
                        return thisIsFirstColumn;
                    }
                    else {
                        return false;
                    }
                },
                field: data.originalKey,
                headerCheckboxSelection: params => {
                    if (utils.hasSelect(widget)) {
                        var displayedColumns = params.columnApi.getAllDisplayedColumns();
                        var thisIsFirstColumn = displayedColumns[ 0 ] === params.column;
                        return thisIsFirstColumn;
                    }
                },
                headerName: header,
                hide: data.hidden || !data.hasData,
                menuTabs: [ ],
                suppressMenu: !header,
                suppressToolPanel: data.hidden || !data.hasData
}

请帮助。

0 个答案:

没有答案