Неправильно установлена высота сетки

Я использую 50 пикселей в качестве высоты каждой строки в моей сетке и устанавливаю высоту, используя следующую логику:

$http.get(url)
  .success(function(data) {
      $scope.gridOptions.data = data;
      heightGrid = ($scope.gridOptions.data.length * 50 + 35) + 'px';
      angular.element('#gridContainer').height(heightGrid);
});

Проблема, с которой я столкнулась, - это последняя строка сетки, которая не отображается до тех пор, пока не будет выполнена какая-либо операция, как изменение размера окна, проверка веб-страницы или сортировка содержимого сетки ui. В соответствии с моим наблюдением за этим поведением я заметил, что div, имеющий класс "ui-grid-content-wrapper", получает на 26px меньше, чем высота, назначенная до тех пор, пока не произойдет какое-либо одно из вышеупомянутых событий. что все работает нормально. Это происходит впервые.

Пожалуйста, поделитесь решением, если кто-то столкнулся с этим.