<tfoot>

Description

L’élément <tfoot> regroupe les lignes de conclusion d’un tableau, typiquement des totaux, des résumés ou des répétitions d’en-têtes. Il est affiché après <tbody> quelle que soit sa position dans le source HTML. À l’impression, <tfoot> peut être répété en bas de chaque page.

Syntaxe

<table>
  <thead>…</thead>
  <tbody>…</tbody>
  <tfoot>
    <tr>
      <td>Total</td>
      <td>150</td>
    </tr>
  </tfoot>
</table>

Exemples

Tableau financier avec totaux :

<table>
  <thead>
    <tr><th>Poste</th><th>Montant</th></tr>
  </thead>
  <tbody>
    <tr><td>Hébergement</td><td>120 €</td></tr>
    <tr><td>Domaine</td><td>15 €</td></tr>
  </tbody>
  <tfoot>
    <tr><th scope="row">Total</th><td>135 €</td></tr>
  </tfoot>
</table>

Notes

Position dans le source : même si <tfoot> apparaît après <tbody> dans l’affichage, il peut être placé avant <tbody> dans le code source pour des raisons historiques. La spécification HTML5 n’impose plus cet ordre.