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

【问题标题】：How to display two column values in a single ag-grid cell?如何在单个 ag-grid 单元格中显示两列值？
【发布时间】：2020-08-20 05:16:42
【问题描述】：

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

我正在使用 Vue.Js

【问题讨论】：

标签： vue.js ag-grid

【解决方案1】：

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

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

来自文档here的示例

【讨论】：

谢谢。这很有帮助。

【解决方案2】：

Pratik 所说的答案是正确的。也许您可以为 valueGetter 使用箭头函数，这样代码看起来更简洁并简化函数范围。
{ headerName: '名称', valueGetter: 参数 => { 返回${params.data.First_Name} ${params.data.Second_Name}； }, },

【讨论】：