Vue.js 如何在单个ag网格单元中显示两列值?

Vue.js 如何在单个ag网格单元中显示两列值?,vue.js,ag-grid,Vue.js,Ag Grid,我在MySql数据库中存储了第一个_名称和第二个_名称的记录。目前我在Ag网格的两个不同列中显示它。我需要将这些数据作为名称组合在一起,并显示在Ag Grid的单个列中。请帮忙 我使用的是Vue.Js您应该在您的专栏def中使用valueGetter,如下所示- { headerName: 'Name', colId: 'name', valueGetter: function(params) { return params.data.First_Name

我在MySql数据库中存储了第一个_名称和第二个_名称的记录。目前我在Ag网格的两个不同列中显示它。我需要将这些数据作为名称组合在一起,并显示在Ag Grid的单个列中。请帮忙


我使用的是Vue.Js

您应该在您的专栏def中使用
valueGetter
,如下所示-

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

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

谢谢。这很有帮助。