javascript - 具有多个值的字段上的 AG-grid 企业分组

Question

我目前正在查看 ag-grid 企业版，特别是分组功能。

我们正在实现一个用户可以拥有多个团队的表格。该表按团队分组。出于本文的目的，我将其简化为使用 ag-grid 网站上使用的运动和运动员的示例。当运动员只有一个国家时，分组效果很好，见截图：

有效结果

但是，在一名运动员可能属于多个国家/地区的用例中，该country字段将具有多个值：

{
   ...,
   country: ["United States", "France"],
}

我们希望表生成两个组：

• 美国
• 法国

然后显示美国组下的所有美国运动员和法国组下的所有法国运动员。然而，重要的是，如果用户同时属于这两个组，他们应该在表格上显示两次。

例如，人员 D有两个团队，美国和法国。在他们的行数据上，我这样设置：

{
   ...,
   country: ["United States", "France"],
}

但是，正如您所看到的，这导致了以下不是我们所追求的：

我的问题是 A）ag-grid 中是否存在此功能和 B）我们如何去做？Ag-grid 似乎足够强大，能够处理这种需求。

标签： javascriptreactjsag-gridag-grid-react