如何使用AngularJS向ng-grid列添加按钮

Question

我尝试创建一个ng-grid，并在其列中添加一个按钮，但我不知道如何在ng-grid列中添加按钮。任何人都可以帮我使用AngularJS在ng-grid列中添加一个按钮吗？

Answer 1

只需将自定义模板添加到coulmnDef的cellTemplate属性中。

<强> cellTemplate

<div class="ngCellText" ng-class="col.colIndex()"><span ng-cell-text><button type="button" class="btn btn-primary" >Edit</button></span></div>

<强> columnDefs

$scope.columnDefs = [
  {
    field:'name', displayName:'Name'
  }, 
  { 
    field:'age', displayName:'Age',editableCellTemplate:self.editableCellTempate ,enableCellEdit:true
  },
  {
    displayName:'Edit',
    cellTemplate: 'cellTemplate.html'
  }
]

<强> gridOptions

$scope.gridOptions = { 
  data: 'myData',
  columnDefs: $scope.columnDefs 
};

示例： Plunker