<tbody>

Description

L’élément <tbody> regroupe les lignes de contenu principal d’un tableau. Il peut y avoir plusieurs <tbody> dans un même tableau pour créer des groupes de lignes logiquement distincts. Si aucun <tbody> n’est explicitement écrit, le navigateur en crée un implicitement.

Syntaxe

<table>
  <thead>…</thead>
  <tbody>
    <tr>
      <td>Donnée</td>
    </tr>
  </tbody>
</table>

Exemples

Tableau avec plusieurs corps pour grouper les données :

<table>
  <thead>
    <tr><th>Élément</th><th>Catégorie</th></tr>
  </thead>
  <tbody>
    <tr><td>div</td><td>Structure</td></tr>
    <tr><td>p</td><td>Texte</td></tr>
  </tbody>
  <tbody>
    <tr><td>ul</td><td>Listes</td></tr>
    <tr><td>ol</td><td>Listes</td></tr>
  </tbody>
</table>

Notes

<tbody> implicite : si vous écrivez des <tr> directement dans <table> sans <tbody>, le navigateur crée un <tbody> implicitement. Cependant, écrire <tbody> explicitement améliore la lisibilité et le ciblage CSS.

Plusieurs <tbody> : plusieurs <tbody> permettent de grouper des lignes et de les styliser indépendamment via CSS (tbody:nth-of-type(2) { background: #f0f0f0; }).