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

Posted 2021-05-03

我在mysql数据库中存储了一条First_Name和Second_Name的记录。目前我在Ag-Grid的2个不同的列中显示它。我需要将这些数据合并在一起作为Name，并显示在Ag-Grid的单列中。请帮助我

我使用的是Vue.Js

答案

你应该使用一个 valueGetter 在你的columnDef中这样写道

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

文件中的例子 此处

另一答案

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