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

时间:2018-06-14 21:45:22

标签: ag-grid

我想知道在fields的单元格中显示表格(包含来自多个ag-grid的数据)的最佳做法是什么?

我认为我可以将整个表格格式化为html字符串并将其作为field并使用cellRenderer传递给网格,但我宁愿不这样做服务器端的视图逻辑。

我真的希望列定义能够接收多个字段,但似乎不可能。

有什么想法吗?感谢。

3 个答案:

答案 0 :(得分:2)

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,
    },

答案 1 :(得分:1)

您可以在列def中为所需的列定义 local payload = {} for property,value in pairs(source) do if value ~= null then table.insert(payload, property) table.insert(payload, value) end end redis.call('HSET', KEYS[2], unpack(payload)) 。 这是一个示例-

valueGetter

Value getters example

答案 2 :(得分:0)

在该列的ColDef中,您可以传递data,然后从该对象中解构正在寻找的值,该对象通过ag-grid中的props传递。

例如...

在您的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>;
  }
}