Faire défililer les lignes d'un tableau derrière la première lig

Bonjour,

Bonjour,

Je voudrais que les lignes de mon tableau défilent derrière la 1ère ligne. En effet les données de ces lignes viennent d'une base de données. Étant donner qu'elles contiennent un grand nombre de données, je voudrais figer la première ligne qui contient l'entête des colonnes pour pouvoir parcourir verticalement mon tableau, avec même la possibilité de cliquer sur le nom d'une colonne pour trier mon tableau dans l'ordre croisant ou décroissant.

Voici comment j'ai procédé:

j'ai créé un tableau que j'ai divisé en thead et tbody, et en suite dans le css:

thead
{
position:fixed;
}
tbody
{
overflow:scroll;
height:50%;
 
}

Mais le problème qui se pose est que le corps du tableau défile au-delà de l'entête du tableau alors que je veux que le défilement s'arrête juste au niveau de l'entête .

S'il vous plait pouvez vous m'aider à réaliser ce scénario? avec même la possibilité de faire un tri en cliquant sur une entête de colonne?

merci