Редактируемая сетка Ng-grid не фокусируется на клике

Мне нужна сетка, которую пользователь может редактировать. Мне также нужно иметь возможность добавить дополнительную строку в набор данных, предпочтительно из сетки. Но прежде всего мне нужно иметь возможность редактировать данные.

Я подумал, что могу просто использовать для этого простую двухстороннюю привязку. Но щелчок по ячейке не делает ее редактируемой. Я добавил enableCellEdit:true, а также попытался добавить enableCellEditOnFocus. Я бы предпочел, чтобы все ячейки редактировались без использования шаблона. Ячейки содержат число и дату.

Ниже приведены параметры моей сетки, которые я передаю через сетку.

  $scope.gridOptions = {
    data: 'account.interests',enableRowSelection: false,
    enableCellEditOnFocus: true,
    multiSelect: false,
    columnDefs: [{
      field: 'rate',
      enableCellEdit: true,
      width: 60
    },
    {
      field: 'date',
      enableCellEdit: true,
      cellFilter: 'date:\'yyyy-MM-dd\''
    }]
  };

И моя сетка в представлении:

<div ng-if="showInterestRates" >
    <div ui-grid="gridOptions"></div>
</div>