您可以使用Ag-Grid的cellRenderer和cellRendererParams属性来实现在单元格中添加菜单按钮。

首先，您需要定义一个自定义的cellRenderer函数，该函数将返回一个包含菜单按钮的HTML元素。例如：

function menuCellRenderer(params) {
  // 创建一个包含菜单按钮的div元素
  var menuButton = document.createElement('div');
  menuButton.innerHTML = '菜单';

  // 添加按钮点击事件处理程序
  menuButton.addEventListener('click', function(e) {
    // 在这里可以执行菜单按钮被点击时的逻辑
    console.log('菜单按钮被点击');
    e.stopPropagation(); // 防止单击事件冒泡到单元格

    // 在这里可以显示菜单或执行其他操作
    // 例如：显示一个下拉菜单
    var dropdownMenu = document.createElement('div');
    dropdownMenu.innerHTML = '菜单项1
菜单项2
菜单项3';
    dropdownMenu.style.position = 'absolute';
    dropdownMenu.style.top = e.clientY + 'px';
    dropdownMenu.style.left = e.clientX + 'px';
    document.body.appendChild(dropdownMenu);
  });

  return menuButton;
}

接下来，您可以将这个自定义的cellRenderer函数应用到您的Ag-Grid列的cellRenderer属性中。例如：

var columnDefs = [
  {
    headerName: '菜单',
    field: 'menu',
    cellRenderer: menuCellRenderer,
    cellRendererParams: {
      // 在这里可以传递其他参数给自定义的cellRenderer函数
    }
  },
  // 其他列定义...
];

// 创建Ag-Grid实例
var gridOptions = {
  columnDefs: columnDefs,
  // 其他配置项...
};
new agGrid.Grid(gridDiv, gridOptions);

这样，您的Ag-Grid单元格就会包含一个菜单按钮。当菜单按钮被点击时，可以执行特定的逻辑，例如显示一个下拉菜单。

请注意，以上代码示例仅为演示目的，您可能需要根据您的实际需求进行适当的修改和调整。