Как настроить высоту 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>

У кого-нибудь есть лучшее предложение?

Вместо того, чтобы просто ссылаться на метод Auto-Grid Height, который я описал вверху - который я попробовал и потерпел неудачу, не могли бы вы объяснить, как я должен реализовать его с моим кодом выше? (как я понимаю, я, возможно, что-то пропустил)

Спасибо

Answer 1

по этой ссылке вы можете использовать domLayout='autoHeight' в качестве свойства вашей сетки.

у меня это сработало.

Answer 2

Для объекта api доступен метод setGridAutoHeight. Вам нужно получить ссылку на этот объект из события gridReady, а затем вы можете вызвать его, передав ему true. Вы должны позаботиться об этом, если в ваших данных много строк, потому что при использовании этого метода все строки будут отображаться в DOM, обычно отображаются только видимые.

gridApi.setGridAutoHeight(true)

Это внизу страницы: https://www.ag -grid.com / javascript-grid-api /