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!

-1
sevic 24 nov. 2017 à 13:58

3 réponses

Meilleure réponse

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>
0
UncaughtTypeError 24 nov. 2017 à 11:34

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 .

0
Sevban Öztürk 24 nov. 2017 à 11:39

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>
2
Lotok 24 nov. 2017 à 11:09
47471820