ag-grid - 如何在 Ag-Grid 中将相同的相邻行与动态行跨度合并？

Question

我见过的大多数跨行示例都涉及硬编码值。

如何根据列值动态创建行跨度？具体来说，我想将所有相邻的相同行动态合并到一个单元格中，以获得如下结果：

Ag-Grid - 只有日期行是跨度的

定义行跨度的函数逻辑可以访问其他行的值吗？它可以相对于自身（例如下一行，上一行）这样做吗？

Answer 1

在定义列定义时，您可以指定每列的行跨度。

例如，这将指定 5 行合并

colDef = {
    headerName: "Country",
    field: "country",
    rowSpan: 5
}

你也可以把它作为一个更有活力的功能

colDef = {
    headerName: "Country",
    field: "country",
    rowSpan: function(params) {
        return params.data.country==='Russia' ? 2 : 1;
    }
}

如果国家/地区是俄罗斯，这将指定 2 个合并行，其他所有行指定 1 个。这取自此处的 AG-Grid 文档。

我建议阅读文档中有关行跨度的更多信息。它很好地解释了它。