Eu tenho uma grande mesa com cerca de 300 linhas e 12 colunas. Enquanto percorre a tabela percorrendo a página<thead> o conteúdo não é exibido por padrão. Eu gostaria de vê-lo ao rolar "dentro"<tbody>. Ou seja, se a parte superior da tela começar com uma linha, quero que o cabeçalho seja exibido primeiro. Caso contrário, deve se comportar como uma mesa normal.

A solução comum que vi até agora é criar uma tabela que possa rolar por si mesma (independentemente da rolagem de páginas). Isto é o querespostas a esta pergunta sugerir.

Mas isso não é muito prático se você tiver muitas colunas abrangendo a tela, em particular porque agora existem duas barras de rolagem independentes. Em dispositivos móveis, a segunda barra de rolagem retira muito espaço precioso. E também é muito irritante de usar. Você não pode simplesmente "folhear", mas você tem que se concentrar para atingir a pequena barra de rolagem. Em outros navegadores você pode rolar os dados para dentro, mas quando você se move para fora, outro movimento irritante acontece ...

Existe uma maneira CSS limpa para fazer isso?