Describe the bug

When using the data-grid, columns should be reachable by tabbing. However, the user can only reach the first column. After that, the focus immediately jumps to the Rows Per Page button.

Users relying on the keyboard for navigation are not able to modify the sorting of any column but the first.

To Reproduce

Steps to reproduce the behavior:

• start the dev server
• open the data-grid section
• click on any header
• press tab and watch the focus jump immediately to the Rows Per Page button skipping all following headers

I would expect the focus to visit all available column header so that I can modify the sorting of any given column just by using the keyboard

OUI Version

2.0

Host/Environment (please complete the following information):

OS: Ubuntu 22.04.1
Chrome

Additional Context

This issue was first reported in the OpenSearch Dashboards Project in the context of Table-Visualizations.

While working on it, I realized that it might be done in the OUI Project.

The Issue in the Dashboards project has already been triaged, so I just started working on it. Not sure if this violates the process in this projects. Feel free to scrutinize me for that 🙇‍♂