material-react-table icon indicating copy to clipboard operation
material-react-table copied to clipboard

Tab Indexes for cells

Open miladavarni opened this issue 2 years ago • 2 comments

material-react-table version

1.14.0

react & react-dom versions

"react-dom": "^17.0.2", "react": "^17.0.2",

Describe the bug and the steps to reproduce it

Hi First of all, this table is absolutely amazing , thank you for your work. Is there any timeline on when the table itself becomes keyboard friendly? Currently looking at the examples, and just using my keyboard and tabbing doesn't take me into the table.

I've fixed this temporarily by adding tabIndex to my cells, I can now navigate through them. But pressing "downward" key scrolls the table down, instead of jumping to the cell ( row ) bellow it.

I'm wondering if I'm on the right track, or if you guys are working on improving accessibility ?

Thank you

Minimal, Reproducible Example - (Optional, but Recommended)

https://www.material-react-table.dev/?path=/story/styling-style-table-body-rows--disable-row-hover-effect

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

None

Terms

  • [X] I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

miladavarni avatar Jun 23 '23 02:06 miladavarni

Would you be interested in contributing this stuff?

KevinVandy avatar Jun 23 '23 03:06 KevinVandy

if i understand it correctly this is not for edit mode?! but for normal navigation?

i asked for a maybe similar functionality at https://discord.com/channels/937072769831694406/1184127164845658192 (not tab index but arrow keys) my original need was the navigation in edit mode - and for this i have some basic working code.. (i will upload a example in the next days...)

and iam willing to contribute something..

s-light avatar Dec 19 '23 22:12 s-light

if i understand it correctly this is not for edit mode?! but for normal navigation?

i asked for a maybe similar functionality at https://discord.com/channels/937072769831694406/1184127164845658192 (not tab index but arrow keys) my original need was the navigation in edit mode - and for this i have some basic working code.. (i will upload a example in the next days...)

and iam willing to contribute something..

Hi @s-light , I am also interested in this navigation edit mode. Can you explain your working code or idea behind it. Thanks, waiting for reply.

vidhi-sks avatar Feb 19 '25 17:02 vidhi-sks

the idea is cell navigation like in an Spreadsheet Desktop Software (Excel / LibreOffice Calc) ... currently this project is on hold for me - hopefully i will come back there later this year..

s-light avatar Feb 19 '25 19:02 s-light

the idea is cell navigation like in an Spreadsheet Desktop Software (Excel / LibreOffice Calc) ... currently this project is on hold for me - hopefully i will come back there later this year..

This was already added as a default feature in MRT V3

KevinVandy avatar Feb 19 '25 19:02 KevinVandy