首页 > 解决方案 > 如何在单个 ag-grid 单元格中显示两列值?

问题描述

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

我正在使用 Vue.Js

标签: vue.jsag-grid

解决方案


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

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

此处的文档示例


推荐阅读