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

Question

我想知道fields在单元格中显示表格（包含多个数据）的最佳做法是什么ag-grid？

我想我可以让它将整个表格格式化为 html 字符串并将其作为 the 传递给网格field并使用 a cellRenderer，但是我宁愿在服务器端没有这种视图逻辑。

我真的希望列定义能够包含多个领域，但似乎不可能。

有任何想法吗？谢谢。

Answer 1

您可以valueGetter在列 def 中为所需列定义 a 。这是一个示例 -

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

值获取器示例

Answer 2

在ColDeffor 列中，您可以传递data并解构您要从该对象中查找的值，这些值来自propsag-grid。

例如...

在你的ColDef数组中：

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

然后，在你的NameDescriptionRenderer：

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