使用 ag 网格，尝试按一个值对行分组并显示另一个

Posted 2023-03-28

【中文标题】使用 ag 网格，尝试按一个值对行分组并显示另一个

【英文标题】：Using ag grid, try to row group by a value and display an other one

【发布时间】：2020-06-11 22:24:18

【问题描述】：

我是 Ag-grid 的新手，我已经仔细阅读了 ag-grid 的文档，但找不到任何我需要的部分或解释。所以，我希望能够用我的数据（id）的特定字段对行进行分组，并改为显示名称。

正如您在这张图片上看到的，我可以按 Id 分组，但我想按 Id 分组并显示名称。

这是我的列定义，您可以看到我按leaseId 分组，而我想显示leaseName。

  columnDefs = [
    
      headerName: 'Leases',
      showRowGroup: true,
      field: 'leaseId',
      cellRendererParams: 
        checkbox: true
      
    ,
    
      headerName: 'Property Name',
      field: 'property.name',
      cellRendererParams:  checkbox: true ,
      headerCheckboxSelection: params => this.allowSelect
    ,
    
      headerName: 'Lease Name',
      field: 'leaseName'
    ,
    
      headerName: 'Tenant Name',
      field: 'tenantName'
    ,
    
      headerName: 'Suite Name',
      field: 'suiteName'
    ,
    
      headerName: 'Commence Date',
      field: 'commenceDate'
    ,
    
      headerName: 'Commence Name',
      field: 'commenceName'
    ,
    
      headerName: 'Expiry Date',
      field: 'expiryDate'
    
  ];

任何帮助都会很好:)，如果需要，我可以提供堆栈闪电战。

【问题讨论】：

是的，请提供 Stackblitz。

感谢您的帮助，但我终于找到了一种方法。我会更新我的问题。

@Bnrdo 所以我不能在这里说我想要什么？

你想出什么解决方案？

【参考方案1】：

在gridOptions中，使用groupRowInnerRenderer设置行分组表头的显示值。

来源：https://www.ag-grid.com/javascript-grid-grouping/#showRowGroup

【参考方案2】：

在我的例子中，我需要为显示访问不同的对象属性，而不是用于分组的对象属性。这是我的做法：

     cellRenderer: "agGroupCellRenderer",
     cellRendererParams: 
                    innerRenderer: (params) => 
                        return params.node.allLeafChildren[0].data
                            .[CustomPropertyName]
                    ,
                ,

我访问了行组中的一个对象。我确信有一种更教科书的方式来做这件事，但这对我有用。