如何设置AG-Grid的高度以自动匹配数据内容的高度？

Question

我正在尝试获取ag-grid的高度以匹配内容。

我有几组数据正试图加载到不同的网格中，每组数据的高度都合适。

有一个AutoHeight选项，但是Angular版本似乎不起作用（我假设这是以前的版本）。

这是我的替代尝试，不起作用：

                <ng-container *ngFor="let reportItem of reportData">
                    <br />
                    <ag-grid-angular style="width: 100%; height: {{ 560 + (reportItem.data.length * 40) }}px;"
                                     class="ag-theme-material bold-headers"
                                     [rowData]="reportItem.data"
                                     [columnDefs]="columnDefs">
                    </ag-grid-angular>
                </ng-container>

有人建议更好吗？

不仅仅是链接到我在顶部描述的自动网格高度方法（我尝试并失败了），您能否解释一下我应该如何在上面的代码中实现它？ （我接受，我可能错过了一些东西）

谢谢

Answer 1

setGridAutoHeight对象上有api方法可用。您需要从gridReady事件获得对该对象的引用，然后可以调用它，并将true传递给它。如果您的数据有很多行，则必须小心，因为使用此方法，所有行都将呈现给DOM，通常只呈现可见行。

gridApi.setGridAutoHeight(true)

它在页面底部：https://www.ag-grid.com/javascript-grid-api/

Answer 2

根据此link，您可以将domLayout='autoHeight'用作网格的属性。

对我有用。