角度滚动条中的 ag-grid 不起作用答案

【问题标题】：ag-grid in angular scroll bar is not working角度滚动条中的 ag-grid 不起作用
【发布时间】：2019-07-10 13:20:05
【问题描述】：

我给出了 1000 行和 50 列。这里一切正常。

但它垂直滚动不滚动，水平滚动不是显示

如何解决是？

HTML

<ag-grid-angular 
    #agGrid 
    style="width: 100%; height: 550px;" 
    id="myGrid" 
    class="ag-theme-balham"
    [rowData]="rowData"
    [columnDefs]="columnDefs" 
    [enableSorting]="true" 
    [multiSortKey]="multiSortKey" 
    [animateRows]="true"
    [paginationPageSize]="paginationPageSize" 
    [pagination]="true" [enableRangeSelection]="true" 
    [enableFilter]="true"
    [floatingFilter]="true" 
    [getRowHeight]="getRowHeight" 
    [suppressPaginationPanel]="true"
    [suppressScrollOnNewData]="true" 
    (gridReady)="onGridReady($event)" 
  >
  </ag-grid-angular>

屏幕

【问题讨论】：

你能在 plunker 中重现这个吗？
嘿，你能给我提供解决方案来避免这个问题吗？

标签： javascript angular ag-grid ag-grid-angular

【解决方案1】：

同样的问题；它从 ag-angular-grid 从 v19 升级到 v20 开始发生；正在跟踪问题 (https://github.com/ag-grid/ag-grid/issues/2962)

【讨论】：

【解决方案2】：

删除 [suppressScrollOnNewData]="true" 来自 ag-grid 选择器

【讨论】：

你能创建一个 plunkr

【解决方案3】：

导入 ag-grid-community css 文件而不是 ag-grid

 @import 'ag-grid-community/dist/styles/ag-grid.css';
 @import 'ag-grid-community/dist/styles/ag-theme-material.css';

【讨论】：