When creating multiple handsontables on the same page my functionality is shared. I am forced to use static HotTableModule.forRoot() in the app.module.ts file and all my instances of the handsontable grids are shared. How can i separate them out?
Hi @dwaynepatel
By saying
the same page my functionality is shared
you mean that you are not able to pass different settings for all the instances?
If so please take a look at the demo below. I have 2 different instances and each of them has its own settings
I can create miltiple instances of a handsontable like this:
<app-handsontable [calculator]='calculator'></app-handsontable>
however when i try to add some functionality like
const hot = this.hotRegisterer.getInstance(this.hotInstance) to get the value of a cell.
i have to use HotTableModule.forRoot() which is static
This should be possible to use inside the instance settings but I am not sure if also the call will get the instance it placed outside the component. In vanilla we usually just refer to a DIV that holds the instance. Unfortunately I do not have any similar demo for Angular
would it be helpful if i can reproduce the problem ?
Sure. The best way would be to add a topic on our Angular board. Our Angular developer is currently on a vacation so I cannot ask him to check it now.