DblClick router redirect " TypeError: Cannot read property 'indicator' of undefined"

Getting help Questions
1

Hello,
I have a little error with handsontable, getting Error " TypeError: Cannot read property ‘indicator’ of undefined" when trying to redirect user after dblclick.

Important note is that I only get the the error when table is horizontally scrolled:
Console empty with 0 horizontal scroll

image
image2144×372 13.7 KB

Console with error with some horizontal scroll:

image
image2441×402 46.9 KB

using router redirect: this.router.navigate([‘/projects’, selectedProject.id, ‘edit’]);

2

It looks like it’s related to columnSorting plugin.

Can you share your setting in the CodeSandbox?

3

using table with hot-table tag in html all settings are inside there
https://codesandbox.io/s/sample-h0b1z

4

Please re-attach the demo. This is what I send before.

You need to make sure you save (CTRL/CMD + S) the file once you have the dot on the file title

36
36248×278 8.51 KB

5

In index.html

image
image575×628 56.3 KB

6

and what do you have for clickHeader and removeFirstFilter ?

7

copied also to sandbox, but

removeFirstFilter(hotTable, columnIndex, columnHeaderElement) {
    if (columnHeaderElement.childElementCount < 2 && columnIndex === 0) {
      let divElement = (columnHeaderElement.childNodes[0]);
      divElement.removeChild(divElement.childNodes[0]);
    }
  }

clickHeader = (hotTable, columnIndex, columnHeaderElement) => {
             if (columnHeaderElement.col < 0) {
                let row = Handsontable.hooks.run(hotTable, 'modifyRow', columnHeaderElement.row);
                this.loading = true;
                sessionStorage.setItem('scrollResourceTableTo', hotTable.getSourceDataAtRow(row).id);
                sessionStorage.setItem('resourcesRedirect', 'enabled');
                this.router.navigate(['/projects', hotTable.getSourceDataAtRow(row).id, 'edit']);
              }
            }
8

Hey @karl

Unfortunately, several methods are still missing like createButton or(dblclick) = "openProjectView". Please fill out your code in app/hello.compontent.ts with this angular demo - https://codesandbox.io/embed/setdataatcell-settimeout-e6g3f?fontsize=14&hidenavigation=1&theme=dark, click the Fork button in the upper right corner and send the link back.

9

I can’t put all the functions, since to policy. But main ones in hello.component.ts and hot-table html element moved to app.component.html

10

Hey @karl

Could you improve the demo so that it works and we can reproduce your problem?

11

There is a problem with
createButton = (index) => {
let hotInstance = this.hotTableRegisterer.getInstance(this.hotId);
return <button class="" style="height:100%; width: 90%; background-color: transparent; border: 1px solid #0097a0; color: #0097a0;">Edit</button>;
}

but since I can’t make it work in sandbox, can mark it closed.

12

thank you for the update.
If you’d have any other issues please feel free to contact us.