Datatables 如何使用单元渲染器而不在ag grid中指定字段

Datatables 如何使用单元渲染器而不在ag grid中指定字段,datatables,ag-grid,ag-grid-react,Datatables,Ag Grid,Ag Grid React,我想使用最后一列作为展开行功能。对于这一点,我使用的是master/detail。master的最后一列将只是一个向下箭头图标,单击该图标将显示详细信息行。如果不提供字段名,我无法添加最后一列。该列将呈现为空。我如何使用这样的东西: { headerName: '', field: "", // as not associated to any column data cellRenderer: "agGroupCellRenderer" } 这是您可能正在寻找的工作示例,我

我想使用最后一列作为展开行功能。对于这一点,我使用的是master/detail。master的最后一列将只是一个向下箭头图标,单击该图标将显示详细信息行。如果不提供字段名,我无法添加最后一列。该列将呈现为空。我如何使用这样的东西:

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

这是您可能正在寻找的工作示例,我不必依赖
字段
。 示例在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
},
{
colId:“操作”//可选
headerName:“Action”//如果不需要任何文本,请将其设置为单空格
CellRenderFramework:(params)=>(console.log(params),params.node.setSelected(true))}>+,//这可以是您的任何自定义函数
suppressSorting:true,//此字段的排序没有意义,但可选
},

希望能有所帮助。

如果将
字段:“
完全删除,会发生什么情况,它不会呈现吗?您是否尝试过
CellRenderFramework
并传递您的自定义回调函数,该函数可以执行您所需的操作。除非提供了真正的字段(数据中存在),否则列不会呈现。请尝试将字段名与现有字段一起使用,并将其与CellRenderFramework与自定义回调相结合,看看这是否符合目的。在我刚刚创建的示例中,它将字段值替换为我给出的自定义文本
DOWN
。基本上,除了提供自定义HTML、SVG或IMG之外,您也可以这样做。@Rikin它仍然被映射到一个字段。假设有5个字段,我想在第6列添加一个编辑按钮,而不将其映射到任何字段。