Ag grid ag网格：需要将多个字段聚合到单元格内的表中

我想知道在

ag网格

中的一个单元格中显示一个表（包含来自多个

字段的数据）的最佳实践是什么

我想我可以让它将整个表格式化为html字符串，并将其作为
字段
传递到网格，然后使用
cellRenderer
，但是我不希望在服务器端使用这种视图逻辑

我真的希望列定义能够包含多个字段，但这似乎不可能

有什么想法吗？谢谢。
在您的
ColDef
列中，您可以传递
数据
，然后从该对象中分解要查找的值，这些值通过ag网格中的
道具

例如

在
ColDef
数组中：

{
  field: 'data',
  headerName: 'Name',
  cellRendererFramework: NameDescriptionRenderer
}

然后，在
名称描述渲染器中：

export default class NameDescriptionRenderer extends React.Component {
  public render() {
    const { description, name } = this.props.data;
    return <React.Fragment>{`${name}: ${description}`}</React.Fragment>;
  }
}

导出默认类NameDescriptionRenderer扩展React.Component{
公共渲染（）{
const{description，name}=this.props.data；
返回{${name}:${description}`}；
}
}
您可以在列def中为所需的列定义一个
valueGetter
。
这是一个样本-

valueGetter: 
function sumField(params) {
          return params.data.a + params.data.b
}

您只是想将这些值串联成一个字符串，还是想显示图标/图像等。？如果您只需要字符串，则可以使用
ColDef
中的
valueGetter
函数。谢谢。这正是我想要的。我使用的是服务器端网格模型，因此ColDef中的“field”属性用于构造我的GraphQL查询，因此我可以在这里放置“property.subperty1，property.subperty2”，然后valueGetter可以从结果中提取这两个值。祝贺您的第一个答案！请记住，您添加了一些关于您修复了什么或为什么它是正确的细节。它帮助用户了解正在发生的事情，而不仅仅是得到答案。这是你所有答案的绝对规则，棒极了。这是拯救我的一天。
function fullNameGetter(params) {
    return params.data.Title + ' ' + params.data.FirstName + ' ' + params.data.MiddleName + ' ' + params.data.LastName;
  }

.....
    {
      headerName: 'Full Name',
      field: 'Title&FirstName&MiddleName&LastName',
      filter: true,
      width: 225,
      valueGetter: fullNameGetter,
    },