Keyboard tabbing order issue

Noticing that if you have a tab index in the header cells and the body cells you need to go through the whole table body cells before you are able to navigation to the header cell. https://codesandbox.io/s/react-base-table-forked-ujr0o

Looking through the codebase it seems like this markup order change was related to a styling issue.
" // put header after body and reverse the display order via css // to prevent header's shadow being covered by body"

Comienza con el CodeSandbox enlazado para reproducir la secuencia de tabulación y, después, busca en el código el comentario sobre colocar el header después del body e invertir el orden de visualización con CSS. Rastrea el marcado del header y el body de la tabla, identifica por qué el orden del teclado difiere del orden visual y verifica que las celdas del header sean alcanzables antes que las celdas del body sin hacer que el estilo de la sombra del header deje de funcionar.

Escrito por el modelo de indexación a partir del texto del issue.