如何在单个 ag-grid 单元格中显示两列值？

Question

我在 MySql DB 中存储了 First_Name 和 Second_Name 的记录。 目前我在 Ag-Grid 的 2 个不同列中显示它。 我需要将这些数据组合在一起作为名称并显示在 Ag-Grid 的单列中。 请帮忙！

我正在使用 Vue.Js

Answer 1

您应该像这样在您的 columnDef 中使用valueGetter -

  {
    headerName: 'Name',
    colId: 'name',
    valueGetter: function(params) {
      return params.data.First_Name + " " + params.data.Second_Name;
    },
  },

此处的文档示例

Answer 2

Pratik 所说的答案是正确的。 也许您可以对 valueGetter 使用箭头函数，以便代码看起来更简洁并简化 function 范围。
{ headerName: 'Name', valueGetter: params => { return ${params.data.First_Name} ${params.data.Second_Name} ; }, },