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

Question

我给了 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>

屏幕

Answer 1

same problem here; it started happening with the upgrade from v19 to v20 of the ag-angular-grid; issue is being tracked (https://github.com/ag-grid/ag-grid/issues/2962)

Answer 2

[suppressScrollOnNewData]="true" 从 ag-grid 选择器中删除

Answer 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';