javascript - ag-grid in angular scroll bar is not working - Stack Overflow

admin管理员组

文章数量:1324431

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

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

• javascript
• angular
• ag-grid
• ag-grid-angular

Share Improve this question Follow edited Jul 14, 2020 at 15:23 ssuperczynski 3,42633 gold badges4646 silver badges6464 bronze badges asked Feb 16, 2019 at 17:07 Sangram BadiSangram Badi 4,2741212 gold badges4949 silver badges8484 bronze badges 2

• Can you reproduce this in plunker? – Rishanthakumar Commented Feb 17, 2019 at 6:48
• hey, can you provide me the solution to avoid that problem? – Ravi Commented Aug 29, 2019 at 18:17

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

same problem here; it started happening with the upgrade from v19 to v20 of the ag-angular-grid; issue is being tracked (https://github./ag-grid/ag-grid/issues/2962)

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

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

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

本文标签： javascriptaggrid in angular scroll bar is not workingStack Overflow