具有多个值的字段上的AG网格企业分组

时间:2020-02-26 13:32:07

标签: javascript reactjs ag-grid ag-grid-react

我目前正在查看的是ag-grid企业版,尤其是分组功能。

我们正在实现一个表,用户可以在其中拥有多个团队。该表按团队分组。出于本文的目的,我将其简化为使用ag-grid网站上使用的体育和运动员示例。当运动员只有一个国家/地区时,分组效果很好,请参见屏幕截图:

Valid result

但是,在一个运动员可能属于多个国家的用例中,country字段将具有多个值:

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

我们想要的是使表格生成两组:

  • 美国
  • 法国

然后显示在美国分组下具有美国国家的所有运动员和在法国分组下所有的法国运动员。 重要的是,如果用户同时属于两个组,则应在表上显示两次。

例如,人员D 有两支球队,美国和法国。在他们的行数据中,我将其设置为:

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

但是,正如您所看到的,这导致了以下内容,这不是我们在此追求的:

Unwanted Result

我的问题是A)此功能是否存在于ag-grid中,以及B)我们如何去做? Ag-grid似乎足够强大,能够处理这种要求。

0 个答案:

没有答案