如何在行分組中查看 object 數組中的最后一個索引 - ag-grid-vue

Question

賞金將在 4 天后到期。 此問題的答案有資格獲得+50聲望賞金。 用戶希望引起對這個問題的更多關注。

我有包含對象數組的 object 如下：

{
  "Id": "123",
  "Name": "usb",
  "email": "123@gmail.com",
  "Config": [
    {
      "config": "config1",
      "field2": "1",
      "field3": "1",
      "field4": "1",
      
    },
    {
      "config": "2",
      "field2": "3",
      "field3": "3",
      "field4": "3",
      
    },
    {
      "field1": "2",
      "field2": "3",
      "field3": "3",
      "field4": "1234568",
      
    }
  ]
}

我想查看從配置數組中的最后一個索引歸檔的 'filed4' - 1234568。

這是我試圖做的，但我得到：[object][object]

this.gridColumns.push({
        headerName: "field4",
        field: "Config",
        width: 60,
        keyCreator: params => params.value[params.value.length-1].field4
      });

更多代碼：

 setGridColumns() { this.gridColumns.push({ headerName: "Id", field: "Id", tooltipField: "Id", resizable: true, }); this.gridColumns.push({ headerName: "Name", rowGroup: true, field: "Name", tooltipField: "Name", resizable: true, }); this.gridColumns.push({ headerName: "email", field: "email", tooltipField: "email", resizable: true, }); this.gridColumns.push({ headerName: "field4", field: "Config", width: 60, keyCreator: params => params.value[params.value.length-1].field4 }); return this.gridColumns; }, },

知道可能是什么問題嗎？

Answer 1

keyCreator 在這里與rowGroup一起使用。 因此，請刪除keyCreator並為Config字段添加valueGetter ，如下所示：

this.gridColumns.push({
        headerName: "field4",
        field: "Config",
        width: 60,
        valueGetter: params => {if (params.data !== undefined) {
    return params.data.Config[params.data.Config.length - 1].field4
      });