Ng-Grid maxWidth issue

This fiddle shows a bug regarding maxWidth of a column.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.5/angular.js"></script>
<link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>
<div ng-app="myapp">
    <div ng-controller="MyCtrl">
       <div class="gridStyle" ng-grid="gridOptions"></div>
    </div>
</div>

CSS

.gridStyle {
    border: 1px solid rgb(212, 212, 212);
    width: 100%;
    height: 500px;
}

JavaScript

var myapp = angular.module('myapp', ['ui.grid']);
myapp.controller('MyCtrl', function($scope) {
    $scope.editableInPopup = '<button id="editBtn" type="button" class="btn btn-primary" ng-click="edit(row)" >Edit</button> '
    
    $scope.edit = function edit(row){
        console.log("Here I need to know which button was selected " + row.entity.name)
    }
    
    $scope.myData = [{name: "Moroni", age: 50},
                     {name: "Tiancum", age: 43},
                     {name: "Jacob", age: 27},
                     {name: "Nephi", age: 29},
                     {name: "Enos", age: 34}];
    $scope.gridOptions = { data: 'myData',
    columnDefs: [{field:'name', displayName:'Name'}, {field:'age', displayName:'Age',editableCellTemplate:self.editableCellTempate ,enableCellEdit:true},                    {displayName:'Popup',cellTemplate:$scope.editableInPopup}]};
});