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
3 Answers
Reset to default 2same 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
版权声明:本文标题:javascript - ag-grid in angular scroll bar is not working - Stack Overflow 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/web/1742137133a2422419.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论