masquer une partie de table

Code:

---

1 2 3 4 5 6 7

<table> <tr id='entete'><td>entete</td></tr> <tr ><td>contenu_1</td></tr> <tr ><td>contenu_2</td></tr> <tr ><td>contenu_3</td></tr> </table>

---

Comment ne masquer que la fin de la table (celle avec du contenu) avec du code javascript du style
$(id).style.display='none'; (avec prototype.js)
Ca revient à demander comment recuperer le groupe de tr à cacher ?

Afin de n'avoir qu'a recupere un element DOM à cacher, j'ai essayé d'entourer les tr avec < div id='aCacher' > sans succes. Je n'arrive pas recuperer l'element. Le span ne marche pas non plus.

La solution de mettre un identifiant différent chaque tr ( id='tr1' id='tr2'..) puis de les parcourir pour les cacher un à un me semble compliqué.

Avez-vous une idée sachant que le html est généré ?

Vu que l'on est dans les tableaux tu peux faire un seul grand tableaux avec deux tr (et seulement deux tr) le deuxième en display:none.
A l'intérieur du deuxième tr tu rajoute un tableau avec cellpadding et cellspacing à 0.

Bien sur il existe la solution avec les id et indices...Mais ca compliquerait la tache, car il faudrait récupérer le nombre de ligne du tableau - 1 et faire une boucle.

Ou encore plus simple on utilise pas de tableau et que des balises div et un peu de css pour obtenir l'effet souhaité