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

Posted 2023-03-28

【中文标题】如何在单个 ag-grid 单元格中显示两列值？

【英文标题】：How to display two column values in a single ag-grid cell?

【发布时间】：2020-08-20 05:16:42

【问题描述】：

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

我正在使用 Vue.Js

【参考方案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； , ,