I am using Angular 6 and Angular Material. I have just set up a Handsontable like this:
<hot-table class=“handsontable”
[hotId]=“instance”
[settings]=“settingsObj”>
which works fine until I wrap it in an angular material tag like:
the results are not what I was expecting. Some elements of the table are hidden and others are far down the page.
Hi @dwaynepatel
we have been reported about an issue related to Material before. Can you please share a demo where the issue can be replicable? I’ll check if that’s only a matter of styling or we need something more.
the button appears at the bottom of the page:
`<mat-card>`
<hot-table class="handsontable"
[hotId]="instance"
[settings]="settingsObj">
</hot-table>
<p>
<button (click)="addData()">add Data</button>
</p>
</mat-card>
Hi @dwaynepatel
I would need to have a working demo (JSFiddle, CodePen, Stackblitz) to send it to our Angular developer. Please share.