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?