Ag grid ag网格高度=100%折叠

本地运行，发现网格是否折叠成水平线。将其设置为100px之类的其他值会起作用。 除了我的Angular是1.5.0，ag grid是v8.1.0之外，一切都一样

---

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

这几乎可以肯定是由于您的html文件中有DOCTYPE html

如果这样做，则需要确保栅格容器具有非0的填充高度，否则它将显示为您发现的一条平线

这不是ag电网特有的问题——这是没有使用怪癖模式的副作用

最简单的方法是：

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

html，正文{
宽度：100%；
身高：100%；
} 

---

很好地解释了根本问题

您应该尝试通过设置DomLayout来设置ag网格的自动高度

有关角度的详细信息，请参见下面的示例代码。

onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;

    //The ag-grid is not enlarging based on the page height, 
    //so dynamically adjusting the height of the grid
    this.gridApi.setDomLayout("autoHeight");
}

有关参考信息，请参见此

.ag-root-wrapper-body.ag-layout-normal.ag-focus-managed{
身高：100%；
}

除了将ag网格div放在高度为0的div中之外。。。所以0的100%是0。为具有ng控制器的div指定一些高度，或者像示例中那样在body标记内设置ag网格。好的一点，原版怎么样：

@JarodMoser它不应该是父级，因为我们一直都在这样做，这不是为任何父级指定任何高度，它应该自动展开，除非有“固定”值attribute.BTW，浏览器为FF 50.1.0我的原始评论基于ag网格文档的这一部分。我试图运行本地文件重新创建您的问题，但无法复制。我尝试使用JSFIDLE和plunkr，但是这些站点有更多的JS，它们在iframe中调整HTML标记的高度，并导致不同的魔法发生……这说明了原因。你的解决方案不起作用，直到我把里面的东西都剪掉，让它少点属性。这是我的原创

，很有趣-谢谢更新。我必须看看这对我来说是否有效，在网格html中添加了

（gridReady）=“onGridReady（$event）”

，并从css中删除了高度选项。如果我理解正确，这与将高度设置为100%并不完全相同：它解决了网格高度为零的问题，但它试图根据网格内容调整网格大小（并且可能会因为大量行而导致性能损失，因为它试图测量每一行），而不是获取全部可用高度。看见