如何在行分组中查看对象数组中的最后一个索引- ag-grid-vue

Question

我有一个包含对象数组的对象，如下所示：

{
  "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",
      
    }
  ]
}

我想查看配置数组- 1234568中的最后一个索引中的'filed4‘。

这就是我想做的，但我得到了:反对

​

​

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
      }
   }
});