CODEWITHSUNDEEP
javascriptangularag-gridag-grid-angular
Sangram Badi
Sangram Badi

Reputation: 4274

ag-grid in angular scroll bar is not working

I gave 1000 of rows and 50 columns. Here everything is working fine.

but it vartical scroll is not rolling, horizontal scroll is not showing

How to fix is ?

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>

Screen

enter image description here

Upvotes: 4

Views: 11539

Answers (3)

Ravi
Ravi

Reputation: 3217

import ag-grid-community css files instead of ag-grid

 @import 'ag-grid-community/dist/styles/ag-grid.css';
 @import 'ag-grid-community/dist/styles/ag-theme-material.css';

Upvotes: 1

billdwhite
billdwhite

Reputation: 69

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)

Upvotes: 2

Vivek kushwaha
Vivek kushwaha

Reputation: 881

Remove [suppressScrollOnNewData]="true" from ag-grid selector

Upvotes: 0

Related Questions