Selecting a row by keyboard shortcut

💬 App Building
1

  • Goal: I want a row to be selected with keyboad shortcut and navigate with a arrows

  • Details: I can navigate with arrow but for that I need to click on any one row first later after selecting any one row I can navigate with arrow. Now I want the tabel to be selected or focused by a keyboard shortcut. I am using self hosted retool v3.33.20.

2

This thread might help you!

2 Likes
3

Have you tried a keyboard shortcut?

image
image1391×484 81.3 KB

2 Likes
4

Hello @dcartlidge @Isabella_Borkovic
I got it but when I click on table the selected row has some detials which will be dispalyed in other component. but after implementing this I can just select the row but I can't see the conntent changing.
when a row is selected a transformer will update the content.
If i can't select row then is there any way to just get focus on the table.

5

Changing the selected row with a keyboard shortcut does what I expect it to do, the table selection changes and a component that displays the selected row updates its contents:

image
image1404×647 143 KB

forum (5).json (67.7 KB)

I don't think it's possible to force the table to focus using a keyboard shortcut so that you can navigate with the arrow keys.

2 Likes
6

@dcartlidge
I don't have option of scrollToRow. I have the option scrollIntoView

7

It's not necessary for the selection, you can remove it