Disons que nous avons une table comme celle-ci:
<table>
<tbody>
<tr>
<th>1</th>
<th>A</th>
</tr>
</tbody>
<tbody>
<tr>
<th>2</th>
<th>B</th>
</tr>
</tbody>
</table>
Quelle serait la meilleure façon de créer un wrapper autour des éléments <tbody>?
J'aurais besoin de créer un tableau avec un en-tête / pied de page fixe et un contenu déroulant. J'utilise déjà les balises <tbody> pour connecter des lignes spécifiques et je n'ai pas trouvé de moyen approprié pour envelopper tout le contenu de ma table.
Merci d'avance!
3 réponses
Si vous avez besoin d'éléments x2 tbody, envisagez d'utiliser des éléments x2 table à la place - que vous pouvez imbriquer dans des éléments td, comme le montre l'extrait de code ci-dessous:
<table>
<tbody>
<tr>
<td>
<table>
<tbody>
<tr>
<th>1</th>
<th>A</th>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<tbody>
<tr>
<th>2</th>
<th>B</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>Vous pouvez utiliser plusieurs éléments <tbody> dans une table. C'est valable.
tbody:nth-child(3) {
background:yellow;
}<table>
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
<tbody>
<tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
<tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
</tbody>
<tbody>
<tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
<tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
</tbody>
<tbody>
<tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
<tr><td>Cell</td><td>Cell</td><td>Cell</td></tr>
</tbody>
</table>Vous pouvez voir le même exemple sur le site Web de w3 .
Vous devez trouver une structure appropriée comme ci-dessous. tbody EST le wrapper dont vous avez besoin.
<table>
<thead>
<tr>
<th>1</th>
<th>A</th>
</tr>
</thead>
<tbody>
<tr>
<td>2</td>
<td>B</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">Footer!</td>
</tr>
</tfoot>
</table>
De nouvelles questions
html
HTML (HyperText Markup Language) est le langage de balisage pour créer des pages Web et d'autres informations à afficher dans un navigateur Web. Les questions concernant le HTML doivent inclure un exemple reproductible minimal et une idée de ce que vous essayez d'accomplir. Cette balise est rarement utilisée seule et est souvent associée à [CSS] et [javascript].