Using space shortcut to check a custom rendered checkbox

Tags: #<Tag:0x00007f8b1d8fd978>
#1

Hey handsontable, I am trying to implement the space shortcut for a custom rendered checkbox, I know for a fact the space shortcut comes built into handsontable and it works perfectly with HotColumn type checkbox, but when I set a rendered component as in here https://codesandbox.io/s/declaring-a-custom-renderer-as-a-component-hexfj?from-embed=&file=/src/index.js it does not. Here is a sandbox I created using React to reproduce the issue https://codesandbox.io/s/proud-thunder-89lwh?file=/src/index.js.

How come someone achieve to use space shortcut with a custom rendered?

Here are some related post I found:

Things I have tried:

  • using the TD prop passed to custom rendered to add a event listener
  • using handsontable beforeKeyDown

so far I have not been able to make it work

#2

Hi @jnosornov

I would like to know what you want to achieve by creating your own checkbox renderer?
I mean what additional functionality you need. Because if our checkbox works well so why you try to rewrite it.

What type of requirements your project has?

Depends on your need maybe you have to write custom editor.

#3

@piotr.nowak

Thanks for your reply,

I did manage to solve the specific case I was implying using the onKeyDown hook, you are right I should be more descriptive next time. Thanks for your time, I think we can close this one now.

One last thing though, if I would like to contribute to hands on table projects, what would be the path for it, I already read the contribution guidelines, are there other steps to ease the process?

#4

You are welcome to contribute to handsontable.

As you probably know here is a link to contributing guide - https://github.com/handsontable/handsontable/blob/master/CONTRIBUTING.md

Maybe at first glance, they seem complicated, but after you try you see all of them are easy to follow.

So if you have any question about this topic please feel free to contact me.

#5