Datagrid:Row selection using keyboard up and down arrows

[jonathanamiran]

Is your feature request related to a problem or use case? Please describe.
I couldn't find this feature in Data Grid

Describe the solution you'd like
In Single select mode we want to be able to select the next row by clicking the Down arrow on the keyboard, and the previous row by clicking the Up arrow.
(We had this feature in Infor M3 IBrix table)

Describe alternatives you've considered
I've made a workaround using activecellchange event that will select the new row - but I must check that it was a different row, otherwise it will be infinite loop.

Additional context
https://jsfiddle.net/sebulbajoe/taxy5hs6/4/show

Thanks!

[tmcconechy]

Maybe you could also use the https://github.com/infor-design/enterprise/blob/main/src/components/datagrid/datagrid.js#L238 callback and on up or down arrow get the selected row and call the prev/next one.

I'm not seeing any issue in what you did though? Are you basically asking for a setting for this?

[jonathanamiran]

I tried using onKeyDown callback, but it has some limitations - like all other keyboard events are disabled, for instance, clicking F5 to refresh the screen does nothing, I need to focus on something else on the screen to make it work again.

My "workaround" doesn't deal with disabled rows, paging, etc.
Also it would be nice to have it as a setting that can be toggled (like clickToSelect)

Thanks

[CindyMercadoReyes]

BDD attached.
BDDStory_github5713.docx

[nganotice]

This has been QA tested and passed on v4.59.0-dev.

https://main-enterprise.demo.design.infor.com/components/datagrid/example-key-row-select.html

Moving this ticket to Done.

Thanks!