Qu'est-ce qu'un groupe d'en-tête de table ?
En CSS, le ' Groupe d'en-tête de table » permet d'afficher l'en-tête du tableau via le «
Exemple
L'en-tête d'un tableau a un formatage différent du reste des entrées du tableau pour le distinguer visuellement. Ceux-ci sont généralement représentés par une taille de police en gras ou un texte à grande échelle. Lorsque vous répertoriez les noms de 'Hommes' et 'Femmes', nous pouvons les attribuer en tant qu'en-têtes dans une ligne distincte, comme indiqué dans l'exemple ci-dessous :
< tableau >
< tête >
< tr >
< e > Hommes < / e >
< e > Femmes < / e >
< / tr >
< / tête >
< le corps >
< tr >
< td > James < / td >
< td > Jessica < / td >
< / tr >
< tr >
< td > David < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Jacob < / td >
< td > Rébecca < / td >
< / tr >
< / le corps >
< / tableau >
Les étapes suivantes expliquent comment créer un en-tête de table :
- Ajouter le '
” pour créer un tableau.
” balises, respectivement.- À l'étape suivante, spécifiez le '
” qui fait référence à l'en-tête du tableau. - Ajoutez les valeurs d'en-tête sous forme de ligne via la balise '
' et fermez l'en-tête via la balise ''. - Maintenant, incluez le ' ” pour commencer le corps du tableau.
- Insérez les données pour chacune des lignes à l'aide de la balise '
' et ''. - Conclure le corps du tableau et le tableau via le '
- À l'étape suivante, spécifiez le '
Sortir
Qu'est-ce qu'un groupe de pied de table ?
Le ' Groupe de pied de table » permet d'afficher le pied de page d'un tableau en CSS à l'aide du «
Exemple
Aperçu de l'exemple suivant expliquant le concept discuté :
< tête >
< tr >
< e >Hommes< / e >
< e >Femmes< / e >
< / tr >
< / tête >
< le corps >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >David< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Jacob< / td >
< td >Rebecca< / td >
< / tr >
< / le corps >
< pied >
< tr >
< td classe = 'bg-gris-200' >Totale 03< / td >
< td classe = 'bg-gris-200' >Totale 03< / td >
< / tr >
< / pied >
< / tableau >
Les étapes suivantes expliquent les étapes pour créer un pied de table :
- Semblable à l'exemple précédent, ajoutez le '
” tag pour créer/inclure un tableau.
' étiqueter.- Inclure le '
” pour spécifier l'en-tête du tableau. - Maintenant, de la même manière, ajoutez les titres d'en-tête sous forme de ligne et fermez l'en-tête via le ' ' étiqueter.
- Rappelez-vous les approches discutées pour spécifier le corps du tableau et y inclure des données.
- Maintenant, ajoutez le '
” pour commencer le pied de page du tableau. - Ajoutez les données du pied de tableau sous forme de ligne et fermez le pied de page à l'aide de la touche ' ' étiqueter.
- Enfin, terminez le tableau en utilisant le '
- Inclure le '
Sortir
Le code écrit ci-dessus génère le résultat suivant :
Conclusion
L'en-tête et le pied de page dans un tableau en CSS permettent d'ajouter plus d'informations en haut et en bas d'un tableau, respectivement. Ces informations aident à déterminer de quoi traite le tableau et fournissent plus de détails contenus dans les valeurs insérées dans le tableau. Ensemble, ces deux encadrent parfaitement les données encapsulées dans le tableau.