Delete button in UI-grid angular not render in row

Hi any help will be appreciable. I want to add a delete button in angular UI-grid but success is so far. my code is like as :

View have below line of code:

<div id="grdAreaDetails" external-scopes="$scope" 
    ui-grid="gridOptions" class="grid" 
    ui-grid-edit ui-grid-row-edit ui-grid-cellnav ui-grid-selection >
</div>

Controller :

$scope.gridOptions.columnDefs = [
    { name: 'code' },
    { name: 'name' },
    { name: 'notes' },
    { name: 'description' },
    { name: 'status' },
    { name: 'Action', 
     cellEditableCondition: false, 
     cellTemplate: '<button > Report</button>' 
    }
];

var g= [{ code: 'AREA1', name: 'Dalip', notes: 'Hello World', description: 1, status: 'Active' }];

$scope.gridOptions = {

    enableSorting: true,
    enableRowSelection: true,
    multiSelect: false,
    enablePaging: true,
    showFooter: true,
            data:g,
    onRegisterApi: function (gridApi) {
        $scope.gridApi = gridApi;
        gridApi.rowEdit.on.saveRow($scope, $scope.UpdateArea);
    }
};

but gridview on UI display only five column instead of action button.

please suggest........