ag-grid: Grid with style="width: 100%; height 100%" overflow in ver 20.0.0
I’m submitting a … (check one with “x”)
[X] bug report => see 'Providing a Reproducible Scenario'
[] feature request => do not use Github for feature requests, see 'Customers of ag-Grid'
[] support request => see 'Requesting Community Support'
Requesting Community Support
Providing a Reproducible Scenario
I’m using this construction <ag-grid-angular class=“ag-theme-balham” style=“width: 100%; height: 100%” [columnDefs]=“cols” [rowData]=“data” </ag-grid-angular>
In version 19.1.2 is grid expanded to the rest of screen height and displays scrollbars. This is my wanted behavior.
After upgrade to version 20.0.0 the grid have height bigger than screen height and vertical scrollbar is missing. Horizontal scrollbar is visible only when I scroll down with arrow keys on keyboard.
Please tell us about your environment: Angular 7.2.0 NPM 6.5.0 Node.JS 11.6.0 Typescript 3.1.6 Chrome 71 Safari 12
ag-Grid version: 20.0.0 [X] Still an issue in the most recent ag-Grid version
About this issue
- Original URL
- State: closed
- Created 5 years ago
- Reactions: 2
- Comments: 32 (9 by maintainers)
Try adding overflow hidden to the style property. style="width: 100%; height: 100%;overflow: ‘hidden’ "
We also have this issue with version 20.
Hi guys,
This should fix it:
.ag-root-wrapper-body.ag-layout-normal { flex: 1; height: 0; min-height: 0; }
version 19
version 20
same code