如何强制 ag-grid 占据页面的其余部分？

【问题标题】：How to force ag-grid to take up rest of the page?如何强制 ag-grid 占据页面的其余部分？
【发布时间】：2020-11-21 16:32:45
【问题描述】：

目前我使用的 ag-grid 被放置在一个 div 中，如何最大化 ag-grid 和包含该网格的 div 以占据页面的其余部分？

我目前有：

ag-grid {
    height: calc(100% - 75px);
    width: 100%;
}

【问题讨论】：

【解决方案1】：

检查并确保您的包装 div 占用了全部空间。

您可以使用height:100% 使 ag-grid 占据它的全部高度。

或者你可以使用 flex 的方式让 ag-grid 占据全高；

<ag-grid-angular
    class="ag-theme-xxx height--100"
...>

【讨论】：