【问题标题】:Grouping by more than one column ag grid按多个列 ag 网格分组
【发布时间】:2022-01-14 18:54:58
【问题描述】:

我的 ag-grid 表中有 4 列,它们是价格、组织、国家和产品。我想将它们分组,例如组的键是price + country。我怎样才能在 ag-grid 中做到这一点?

我将给出一个示例分组:

价格国家组织产品

+。 12 IND

12          IND                          A                 P1
12          IND                          B                 P2

如果我们点击“+”按钮,下面的行应该会这样显示。

如果有人对此有任何线索,请告诉我。任何帮助将不胜感激。

示例 2。

分组行标题

Country              Price                Org            Product
  •  IND                 4
    

上面是分组的行标题,常用值应在各自的列中,其他值应为空白。当我们点击展开按钮时,结果应该如下:

Country              Price                 Org            Product
  •  IND                  4
     IND                  4                   O1               P1
     IND                  4                   O1               P2
     IND                  4                   O2               P3
    

【问题讨论】:

    标签: angular ag-grid


    【解决方案1】:

    您可以创建一个包含价格和国家/地区的额外字段,并使用该字段进行分组。

    将以下内容添加到您的列定义中:

      {
        field: 'groupField',
        valueGetter: params => {
          if (params.data)
          {
            return params.data.country + params.data.price;
          }
        },
        rowGroup: true
      },
    

    Demo.

    【讨论】:

    • 当根据价格和国家对行进行分组时,组行标题应在各自列中显示国家和价格值,所有其他值应为空白。然后当我们点击 + ( expand ) 按钮时。应显示值。我将添加另一个示例
    猜你喜欢
    • 1970-01-01
    • 2021-12-06
    • 1970-01-01
    • 2020-06-11
    • 2020-12-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多