Using tab navigation for read only cells

Tags: #<Tag:0x00007efc704955e8> #<Tag:0x00007efc70495408>
#1

Hi, is there any way to use tab navigation to tab through cells in read only mode, just like you can tab through them in editor?

#2

Hi @ahmedskulj10

Thank you for contacting us. I’m not sure if I understood your requirement correctly, but actually you can tab through readOnly cells.

Here’s an example: https://jsfiddle.net/handsoncode/rLkq985e/

#3

I just did some debugging, it looks like the tab is working but there is no border around the current highlighted cell. Do you have any idea what could be the issue?

#4

In this situation I would need to see your implementation. Can you please modify my example so it represents your case?

#5

Thank you for the help, but it seems this is the issue with something inside my app as the handsontable implementation seems like it should be.

#6

The issue was:
.wtBorder {
display: none !important;
}
I had this set for some reason, previously.

#7

Just one question again, is there any way to allow tab navigation without having to click inside the table?

#8

I’m glad that you managed to find the source for the issue. As for your last question. You can use selectCell method to programmatically set focus in the table in a chosen cell:

https://jsfiddle.net/handsoncode/8hrcb2tv/

1 Like
#9

Thank you, I appreciate the help.

#10

You’re welcome! I will close this topic now.

#11