AG-GRID树形数据没有显示扩展行按钮
-
确保AG-GRID版本高于11.0.0。
-
确保“isExpanded”字段存在于树形数据中，并且绑定到数据。例如：
const rowData = [{ make: 'Toyota', model: 'Celica', price: 35000, isExpanded: true, children: [ {make: 'Toyota', model: 'Celica', price: 35000}, {make: 'Ford', model: 'Mondeo', price: 32000}, {make: 'Porsche', model: 'Boxter', price: 72000} ] }];
- 在列定义中，添加“cellRenderer”属性并指定它为“agGroupCellRenderer”。例如：
const columnDefs = [ { field: 'make' }, { field: 'model' }, { field: 'price' }, { field: 'empty', cellRenderer: 'agGroupCellRenderer', cellRendererParams: { suppressCount: true, checkbox: false } } ];
- 在gridOptions中，添加“groupDefaultExpanded”属性并将其设置为true。例如：
const gridOptions = { columnDefs: columnDefs, rowData: rowData, groupDefaultExpanded: true };
- 如果您已在列定义中定义了“autoGroupColumnDef”，则确保没有设置“hide”或“suppressColumnsToolPanel”属性。例如：
const autoGroupColumnDef = { headerName: 'Model', field: 'model', cellRenderer: 'agGroupCellRenderer', cellRendererParams: { suppressCount: true, checkbox: false } };
注意：以上代码示例中可能会有一些错误，因此请根据您的具体项目更改代码。
这样就可以显示扩展行按钮了。