admin管理员组

文章数量:1323335

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

Share Improve this question edited Jul 14, 2020 at 15:23 ssuperczynski 3,4263 gold badges46 silver badges64 bronze badges asked Feb 16, 2019 at 17:07 Sangram BadiSangram Badi 4,27412 gold badges49 silver badges84 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

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