如何在 Ag-Grid 中将相同的相邻行与动态行跨度合并？ [关闭]

Posted 2023-03-28

【中文标题】如何在 Ag-Grid 中将相同的相邻行与动态行跨度合并？ [关闭]

【英文标题】：How do I merge identical adjacent rows with dynamic row spans in Ag-Grid? [closed]

【发布时间】：2020-07-10 22:01:30

【问题描述】：

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

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

Ag-Grid - Only Date rows are to be span

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

【问题讨论】：

请阅读 rowspan 的文档：ag-grid.com/javascript-grid-row-spanning

【参考方案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 文档here。

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

【讨论】：

是的，我在提出问题之前看到了这个文档。我很感激你的回答很好。我需要行跨度动态方式。你能建议动态的方式吗？

不确定你的意思，因为它是一个函数，你可以让它根据你的逻辑返回不同的行跨度。

我想他想问的是如何在加载 ag-grid 并显示单元格后合并两个单元格。

当两个国家不只是俄罗斯相同时，如何行跨度？