loadData not working in vue3 typescript

Tags: #<Tag:0x00007efc64ef2b78> #<Tag:0x00007efc64ef2a38>
#1

Hello erverbody, need help pls

Im trying to call handsontable and put my new data in but its just happening nothing.
Also I using the work around “as any” , but how can i call it with the actual type?
i got all imports

updateHandsontableData() {
if (!this.$refs?.hotTableComponent) {
console.log(“TEST”);
return;
}
(this.$refs.hotTableComponent as any).hotInstance.loadData(
[[‘new’, ‘data’]]
);
(this.$refs.hotTableComponent as any).hotInstance.render();
},

component:
<hot-table
id=“resultTable”
ref=“hotTableComponent”
max-rows=“10”
:data=“tableData”
:columns=“columnsDef”
:col-headers=“colHeaders”
:license-key=“licenseKey”
:settings="{
rowHeaders: true,
filters: true,
dropdownMenu: false,
columnSorting: true,
manualColumnResize: false,
manualRowResize: false,
contextMenu: false,
search: true,
width: ‘100%’,
height: ‘90%’,
renderAllRows: true,
preventOverflow: ‘horizontal’,
colWidths: [25, 200, 200, 100],
stretchH: ‘last’,
editor: true,
}"
@click=“onCellMouseDown”
/>

#2

Hi @kwerki

Thank you for contacting us. Based on your code this method should work correctly. Can you please prepare a code demo in chosen sandbox to show us the issue?

#3

Solved the issue,my pagination wasn’t working properly.
Is there any chance to call handsone with an actual type
Thanks for the response! :slight_smile:

#4

Hi @kwerki

Thank you for the update. Handsontable as an instance doesn’t have it’s own type as for now, so casting it as any is the only option currently.

#5