如何在不指定ag-grid字段的情况下使用单元格渲染器

Question

我想将最后一列用作扩展行功能。为此，我正在使用主/详细信息。母版的最后一列将是一个向下箭头图标，单击该图标将显示详细信息行。我无法在没有提供字段名称的情况下添加最后一列。该列变为空。我该如何使用这样的东西：

{
   headerName: '',
   field: "", // as not associated to any column data
   cellRenderer: "agGroupCellRenderer"
}

Answer 1

这是您可能正在寻找的工作示例，我不必依靠field。 https://plnkr.co/edit/RxjZ9rUt7HUhlw5ejUd6?p=preview 示例在ReactJS的ag-grid代码中，但是同样的情况适用于任何框架，因为ag-grid依赖于传入它的columnDefinition数组。

这是代码更改：

{
  colId: "action",  // optional
  headerName: "Action", // set it to single space if you dont want any text
  cellRendererFramework: (params) => <button onClick={() => (console.log(params), params.node.setSelected(true))}>+</button>, // this can be your any custom function
  suppressSorting: true,  // sorting for this field dont make sense, but optional
},

希望有帮助。