ag-grid v22.0高度100％的网格在Angular 4中崩溃了

Question

我正在使用ag-grid来显示数据，但是我注意到一个问题是，当我将高度和宽度100％设置为ag-grid div时，表格会折叠起来，而当我将固定高度设置为500px时，它将显示表格，然后当我从下拉菜单中更改页面大小时，它将显示滚动条并将页面大小（以分页显示）更改一秒钟，再次保留为先前的大小。

我正在使用ag-grid 版本：  “ @ ag-grid-community / all-modules”：“ ^ 22.0.0”，  “ @ ag-grid-community / angular”：“ ^ 22.0.0”，

我还附加了ag-grid表的屏幕截图，以使其更加清晰，并在下面粘贴我的HTML代码

 <div class="col-md-12" id="grid-wrapper" style="width:100%; height: 100%" >                   
                <ag-grid-angular #agGrid
                                 style="width: 100%; height: 100%"
                                 class="ag-theme-balham"
                                 [rowData]="rowData"
                                 [columnDefs]="columnDefs"
                                 [modules]="modules"
                                 rowSelection="multiple"
                                 [pagination]="true"
                                 [paginationAutoPageSize]="true"
                                 [paginationPageSize]="paginationPageSize"
                                 (gridSizeChanged)="onGridSizeChanged($event)"
                                 (gridReady)="onGridReady($event)">
                </ag-grid-angular>
              </div>