如何在單個 ag-grid 單元格中顯示兩列值？

Question

我在 MySql DB 中存儲了 First_Name 和 Second_Name 的記錄。 目前我在 Ag-Grid 的 2 個不同列中顯示它。 我需要將這些數據組合在一起作為名稱並顯示在 Ag-Grid 的單列中。 請幫忙！

我正在使用 Vue.Js

Answer 1

您應該像這樣在您的 columnDef 中使用valueGetter -

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

此處的文檔示例

Answer 2

Pratik 所說的答案是正確的。 也許您可以對 valueGetter 使用箭頭函數，以便代碼看起來更簡潔並簡化 function 范圍。
{ headerName: 'Name', valueGetter: params => { return ${params.data.First_Name} ${params.data.Second_Name} ; }, },