Column type checkbox doesn't change on mouse click

Tags: #<Tag:0x00007efc6d8842b0>
#1

Hey, I’m using Handsontable with React (8.2.0 and wrapper in 4.0.0 version), the table works great but after I’ve added a new column with the checkbox type, I’m only available to select/unselect this checkboxes by pressing space or enter on the keyboard, because nothing happens when I try use to mouse.

I’ve tried to delete as many as possible custom components from the page (where the table is used) to check if something causes it to lost the focus but still not any luck. I’ve also tried to use the simplest table (from one of the examples provided in here: https://handsontable.com/docs/8.2.0/demo-checkbox.html) to see if it would work but even then the issue is there.

Here’s my HotTable component:
<HotTable
ref={hot}
className=“data-table”
columns={tableColumns}
data={tableRows}
colHeaders={(index: any) => {
return tableHeaders[index]?.name;
}}
width={width}
licenseKey=“non-commercial-and-evaluation”
stretchH=“all”
height={height}
rowHeights={28}
rowHeaders={true}
afterChange={(changes, source) =>
console.log(changes, source)
}
/>

#2

Hi @datguysheepy

Please add your checkbox configuration to this demo https://jsfiddle.net/handsoncode/uno9mcv3/ I’ve used your settings and some mockup data.

#3

Hey, I’ve added my checkbox configuration in here: https://jsfiddle.net/datguysheepy/j16cpkun/7/
and it works correctly on jsfiddle.

#4

Is there anything else that you load? Maybe you get any console errors?

#5

Yep, there’s quite a few different components rendered on that view, but even when I removed all of them and left just the table on the blank, white page, the checkboxes still didn’t work as they should.

Hm, I do have a key prop missing error in regards to one of my components, will fix that and I’ll let you know if that did anything to the checkboxes column.

#6

Ok, fixing the key prop missing error unfortunely didn’t fix the checkboxes column.

#7

Ok, I was available to fix that issue myself. There’s was something wrong (not related to Handsontable) deep down in my app.

#8

Thank you for the update @datguysheepy

We can close the issue.

#9