J'ai donné 1 000 lignes et 50 colonnes. Ici, tout fonctionne correctement.
mais le défilement vartical ne roule pas, le défilement horizontal ne l'est pas montrant
Comment résoudre ce problème?
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>
Écran
3 Réponses :
Supprimer
[suppressScrollOnNewData] = "vrai"
depuis le sélecteur ag-grid
pouvez-vous créer un plunker
même problème ici; cela a commencé avec la mise à niveau de la v19 à la v20 de la grille ag-angular-grid; le problème est en cours de suivi ( https://github.com/ag-grid/ag -grid / issues / 2962 )
importer des fichiers css ag-grid-community au lieu de ag-grid
@import 'ag-grid-community/dist/styles/ag-grid.css'; @import 'ag-grid-community/dist/styles/ag-theme-material.css';
Pouvez-vous reproduire cela dans plunker?
hey, pouvez-vous me fournir la solution pour éviter ce problème?