在UI Grid中，如何在单个单元格中添加两个按钮

在UI Grid中，可以通过自定义单元格模板来实现在单个单元格中添加两个按钮。

首先，需要在UI Grid的列定义中指定该列使用自定义模板。例如，假设我们要在名为"操作"的列中添加两个按钮，可以这样定义列：

columnDefs: [
  { field: 'name', displayName: '姓名' },
  { field: 'age', displayName: '年龄' },
  { field: 'actions', displayName: '操作', cellTemplate: '<div class="ui-grid-cell-contents"><button ng-click="grid.appScope.edit(row.entity)">编辑</button><button ng-click="grid.appScope.delete(row.entity)">删除</button></div>' }
]

在上述代码中，我们使用了cellTemplate属性来指定自定义模板。模板中的ng-click指令用于绑定按钮的点击事件，grid.appScope.edit和grid.appScope.delete是在控制器中定义的处理函数。

接下来，需要在控制器中定义这两个处理函数。例如：

$scope.edit = function(entity) {
  // 编辑按钮点击事件处理逻辑
};

$scope.delete = function(entity) {
  // 删除按钮点击事件处理逻辑
};

在上述代码中，可以根据需要编写编辑和删除按钮的具体逻辑。

最后，将UI Grid绑定到HTML页面的某个元素上，并在控制器中设置数据源。例如：

<div ui-grid="gridOptions" class="grid"></div>

$scope.gridOptions = {
  columnDefs: [
    { field: 'name', displayName: '姓名' },
    { field: 'age', displayName: '年龄' },
    { field: 'actions', displayName: '操作', cellTemplate: '<div class="ui-grid-cell-contents"><button ng-click="grid.appScope.edit(row.entity)">编辑</button><button ng-click="grid.appScope.delete(row.entity)">删除</button></div>' }
  ],
  data: [
    { name: '张三', age: 20 },
    { name: '李四', age: 25 },
    { name: '王五', age: 30 }
  ]
};

上述代码中的data属性设置了UI Grid的数据源，可以根据实际情况进行修改。

这样，就可以在UI Grid的单个单元格中添加两个按钮，并通过自定义处理函数实现相应的功能。