ag-grid 高度=100% 折叠

Question

本地运行 Basic AngularJS 1.x Example ，发现style="height: 100%;"网格是否折叠成一条水平线。将其设置为其他值(例如 100px)即可。一切都一样，除了我的 Angular 是 1.5.0，而 ag-grid v8.1.0。

<div ng-controller="exampleCtrl">
  <div ag-grid="gridOptions" class="ag-fresh" style="height: 100%;"></div>
</div>

JS与教程相同。看起来像一个错误。

Answer 1

这几乎可以肯定是因为您的 html 文件中有 DOCTYPE html。

如果这样做，那么您需要确保网格容器的填充高度非 0，否则它将显示为您发现的一条扁线。

这不是 ag-Grid 特定的问题 - 这是未使用怪异模式的副作用。

对您来说最简单的事情是:

<style>
    html, body {
      width: 100%;
      height: 100%;
    } 

This StackOverflow Question/Answer很好地解释了根本问题