【问题标题】:Only group some rows on Ag-Grid只对 Ag-Grid 上的一些行进行分组
【发布时间】:2020-04-17 13:40:50
【问题描述】:

我正在研究使用 Ag-Grid 进行行分组,并已将其用于我的项目(按主版对艺术作品进行分组,子元素是版本)。问题是有些艺术作品不是大师版,也不是版本。它们只是他们自己的作品,而不是集合的一部分。

现在 Ag-Grid 为每件艺术品创建一个组。所以,“正常”类型的有一个“正常”组,等等。我只想对“主版”类型的作品进行分组行为。有没有合适的方法来做到这一点?

我目前的想法是创建一个自定义单元格渲染器,它仅在 params.node.group = true 时渲染 HTML。不过这感觉很 hacky,所以我想知道是否有更好的解决方案。

【问题讨论】:

    标签: javascript vue.js ag-grid


    【解决方案1】:

    根据我对您的问题的理解,树视图可以帮助您: 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];
    }
    

    Plunker:https://next.plnkr.co/edit/3jdzvQ1QJmF7xJy1

    【讨论】:

    • 最终改用主/详细信息功能并嵌入新网格。效果很好,我可以通过进一步排序/过滤子元素来获得更大的灵活性,这很棒。不过,我会把你作为答案,因为树视图可能也会起作用。谢谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-12-30
    • 1970-01-01
    • 1970-01-01
    • 2021-12-22
    • 2016-06-19
    • 2019-07-26
    • 2020-02-06
    相关资源
    最近更新 更多