角度滚动条中的ag-grid无法正常工作

时间:2019-02-16 17:07:51

标签: javascript angular ag-grid ag-grid-angular

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

屏幕

enter image description here

3 个答案:

答案 0 :(得分:1)

导入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';

答案 1 :(得分:0)

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

答案 2 :(得分:0)

这里有同样的问题;它始于从ag-angular-grid的v19升级到v20;问题已被跟踪(https://github.com/ag-grid/ag-grid/issues/2962