要解决AgGrid的可展开透视组列不会折叠的问题,可以通过以下步骤进行操作:
enablePivot
和enableRowGroup
属性为true
来实现:var gridOptions = {
// 其他配置项...
enablePivot: true,
enableRowGroup: true,
};
rowGroup
和pivot
作为列类型:var columnDefs = [
{ headerName: "Country", field: "country", rowGroup: true },
{ headerName: "Year", field: "year", pivot: true },
// 其他列定义...
];
var rowData = [
{ country: "China", year: "2019", value: 100 },
{ country: "China", year: "2020", value: 200 },
{ country: "USA", year: "2019", value: 150 },
{ country: "USA", year: "2020", value: 250 },
// 其他数据行...
];
new agGrid.Grid()
方法将配置和数据应用到AgGrid中:var gridDiv = document.querySelector("#myGrid");
new agGrid.Grid(gridDiv, gridOptions);
通过正确设置列类型、启用透视功能以及提供正确的数据结构,AgGrid的可展开透视组列应该可以正常工作,并且可以折叠和展开透视组。