只对 Ag-Grid 上的一些行进行分组
Only group some rows on Ag-Grid
我正在研究使用 Ag-Grid 进行行分组,并已在我的项目中使用它(按主版本对艺术作品进行分组,子元素为版本)。问题是有些艺术作品不是母版,也不是版本。他们只是他们自己的作品,而不是一个集合的一部分。
现在,Ag-Grid 为每一件艺术作品创建了一个群组。因此,"normal" 类型的作品有一个 "normal" 组,等等。我只想对 "master edition" 类型的作品进行分组行为。有没有正确的方法来做到这一点?
我目前的想法是创建一个自定义单元格渲染器,它只在 params.node.group = true
时渲染 HTML。不过这感觉很老套,所以我想知道是否有更好的解决方案。
根据我对您问题的理解,树视图可以帮助您:
https://www.ag-grid.com/javascript-grid-tree-data/
您可以通过在 gridOptions 的 getDataPath 回调中动态创建树路径来完成非对称分组。
getDataPath: function(data) {
return data.type === "master edition" ? ["master edition", data.name]: [data.name];
}
我正在研究使用 Ag-Grid 进行行分组,并已在我的项目中使用它(按主版本对艺术作品进行分组,子元素为版本)。问题是有些艺术作品不是母版,也不是版本。他们只是他们自己的作品,而不是一个集合的一部分。
现在,Ag-Grid 为每一件艺术作品创建了一个群组。因此,"normal" 类型的作品有一个 "normal" 组,等等。我只想对 "master edition" 类型的作品进行分组行为。有没有正确的方法来做到这一点?
我目前的想法是创建一个自定义单元格渲染器,它只在 params.node.group = true
时渲染 HTML。不过这感觉很老套,所以我想知道是否有更好的解决方案。
根据我对您问题的理解,树视图可以帮助您: https://www.ag-grid.com/javascript-grid-tree-data/
您可以通过在 gridOptions 的 getDataPath 回调中动态创建树路径来完成非对称分组。
getDataPath: function(data) {
return data.type === "master edition" ? ["master edition", data.name]: [data.name];
}