JSON 数据中的可选字段未找到 AG-GRID 字段

Question

我在连接农业网格数据时遇到问题。我收到此错误是因为我要显示的数据中没有列。

Json数据如下

[{id=1,customerNo:10},{id=2,customerNo:11,customerName:"Skarakas"}]

Ag-Grid栏目如下：

[{
  headerName: "id",
  field: "id"
}, {
  headerName: "Customer No",
  field: "customerNo"
}, {
  headerName: "Customer Name",
  field: "customerName"
}]

CustomerName 已经排成行，但有时不是。由于这个原因，Ag-Grid 不起作用。我可以在不更改数据的情况下解决问题吗？

我无法理解错误是由ag网格引起的。但是当我从数据中删除客户名称字段时 json 有效

Answer 1

下面是一个关于您如何解决该问题的示例：

[{
    headerName: "id",
    field: "id"
  },
  {
    headerName: "Customer No",
    field: "customerNo"
  },
  {
    headerName: "Customer Name",
    field: "customerName",
    valueGetter: function(params) {
      const value = params.node.data[params.colDef.headerName];
      return value === undefined ? '' : value;
    }
  }
]

可能有更好甚至更简单的方法，可能是通过设置 defaultValue，但您必须挖掘 Aggrid 的大量文档。

JSON 数据中的可选字段未找到 AG-GRID 字段

AG-GRID field is not found in case of optional field in JSON data

reactjs

ag-grid

ag-grid-react