4
votes

ag-grid dans la barre de défilement angulaire ne fonctionne pas

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

 entrez la description de l'image ici


2 commentaires

Pouvez-vous reproduire cela dans plunker?


hey, pouvez-vous me fournir la solution pour éviter ce problème?


3 Réponses :


2
votes

Supprimer [suppressScrollOnNewData] = "vrai" depuis le sélecteur ag-grid


1 commentaires

pouvez-vous créer un plunker



1
votes

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 )


0 commentaires

1
votes

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


0 commentaires