Hi, I have a Handsontable in a modal dialog (Angular 6 + Angular Material) and cannot get the HOT to scroll as data is added.
No matter how rows are added, either programatically or by user interaction, the vertical scroller doesn’t appear, however mousing over the grid and scrolling, the data scrolls. We just don’t see the scroller
I can’t post a working example as its blocked on my network, but here are the salient snippets
css for scrollable container (taken from another example on these forums relating to scrolling)
.hot-scroll-container {
overflow: auto;
}
.hot-scroll-container .hot {
margin: 0;
}
<div class="row no-gutters">
<div class="col-6" style="height: 300px">
<div class="hot-scroll-container w-100" style="height: 300px;">
<hot-table #gridElement
[rowHeaders]="true"
[colHeaders]="true"
[contextMenu]="true"
[columnSorting]="true"
[manualColumnResize]="false"
[manualRowResize]="false"
[data]="data"
[columns]="columns"
[renderAllRows]="true"
[allowEmpty]="true"
[width]="575"
[afterInit]="onAfterInit"
[beforePaste]="beforePaste"
[afterSelectionEnd]="afterSelectionEnd"
[afterCreateRow]="afterCreateRow">
</hot-table>
</div>
</div>