ui网格高度未正确设置

Question

我使用50px作为网格中每行的高度，并使用以下逻辑设置高度：

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

我面临的问题是，在执行某些操作之前，不会显示网格的最后一行，如窗口调整大小，检查网页或排序ui网格的内容。 根据我对此行为的观察，我注意到具有类“ui-grid-content-wrapper”的div被分配比分配的高度小26px，直到发生上述任何一个事件。一切正常。这只是第一次发生。

如果有人遇到此问题，请分享解决方案。

Answer 1

您可以使用auto-resize指令，如their tutorial Page。

所示

<div ui-grid="gridOptions" class="grid" ui-grid-auto-resize></div>

但要注意：

  

注意：这可以通过添加250ms间隔的检查器来查看网格元素的大小是否已更改。它可能会对您的网站或应用程序的性能产生负面影响。