Est-ce qu'un & lt; tfoot & gt; aller au bas d'une table?
Je voudrais utiliser un <tfoot>
balise dans un tableau afin d'être sémantiquement correct, mais il continue de s'afficher en haut de mon tableau. Est-il un moyen de dire qu'il affiche au bas de l'échelle?
source d'informationauteur bloudermilk
Vous devez vous connecter pour publier un commentaire.
Selon la spécificationvous pouvez placer le
tfoot
avant, ou après, latbody
élément(s). Voir la description suivante de la page précédente.Contextes dans lesquels cet élément peut être utilisé:
Comme un enfant d'un élément de tableau, après une légende, colgroup, et thead éléments et avant tout tbody tr éléments, mais seulement si il n'y a pas d'autres tfoot les éléments enfants de l'élément de la table.
Comme un enfant d'un élément de tableau, après une légende, colgroup, thead, tbody, et tr éléments, mais seulement si il n'y a pas d'autres tfoot les éléments enfants de l'élément de la table.
Quel que soit l'endroit où vous placez le balisage, les informations de pied de page sera affichée au bas visuellement.
Comme d'autres l'ont dit,
tfoot
est défini avant latbody
mais rendus par la suite. C'est par la conception et ne change pas la sémantique (un tableau a une tête, d'un pied et d'un corps - de l'ordre de ces n'a pas d'importance)La raison il est fait de cette façon est de sorte que le pied peut être chargé et affiché sur l'écran pendant que le corps est encore de télécharger, de sorte que vous pouvez toujours lire le résumé des informations que vous avez dans le pied. Il est pratiquement discutable de nos jours, mais avec une connexion lente et une table massive, vous pouvez encore voir les avantages.
La
<tfoot>
peut montrer sur le dessus de l'ensemble de la<table>
si le contenu de la<tfoot>
ne sont pas dans<tr>
et<td>
balises et respectivement - pas dans le tableau.Votre tableau devrait ressembler à la suivante:
avec
tfoot
apparaissant au-dessus detbody
. Il sera rendu, même si, au fond de la tableJe suis conscient que cette question a été posée tout à l'heure mais j'ai pensé que je voudrais ajouter mon expérience de pied de page pour les commentaires déjà faits. Quand j'ai ajouté CSS "display:block" pour le pied de page de l'élément, il est apparu entre thead et tbody, pas au fond. Quand display:block a été retiré, il s'affiche correctement. J'ai perdu quelques temps de ça, donc j'espère que ma réponse vous aidera à quelqu'un d'autre pour gagner du temps et de l'aggravation!