Ag-grid 上下文菜单图标

【问题标题】：Ag-grid context menu iconAg-grid 上下文菜单图标
【发布时间】：2021-06-28 19:25:21
【问题描述】：

是否可以将自定义 HTML 元素添加到 Ag-grid 上下文菜单项的图标？以下不呈现任何图标：

 getContextMenuItems = (params) => [
    {
      name: 'Cancel items',
      action: this.onCancelLocates(),
      icon:  <span><Icon name="cancel" size="small" /></span>
    },
    'separator',
    'copy',
    'copyWithHeaders',
    'paste',
    'separator',
    'export'
  ]

【问题讨论】：

这能回答你的问题吗？ Unable to execute function in Context Menu
该链接也不起作用，可能是因为没有适当的框架 css 导入。

标签： ag-grid-react

【解决方案1】：

这是添加自定义图标的方法

 getContextMenuItems = (params) => [
{
  name: 'Cancel items',
  action: this.onCancelLocates(),
  icon:  '<span class="ag-icon ag-icon-save" unselectable="on" role="presentation"></span>'
},
'separator',
'copy',
'copyWithHeaders',
'paste',
'separator',
'export'  ]

您可以通过右键单击上下文菜单中已经存在的图标来获取此跨度代码。谢谢

【讨论】：