Η ετικέτα tbody

Η ετικέτα tbody ορίζει το κύριο μέρος του πίνακα. Χρησιμοποιείται για την ομαδοποίηση σειρών με τέτοιο τρόπο, ώστε να μπορεί να εφαρμοστεί αμέσως CSS στυλ σε μια ομάδα. Σε έναν πίνακα μπορεί να υπάρχει οποιοσδήποτε αριθμός από ετικέτες tbody.

Η ετικέτα tbody χρησιμοποιείται συχνά μαζί με την thead και την tfoot για τον ορισμό του επάνω μέρους, του κύριου μέρους και του κάτω μέρους του πίνακα HTML. Από προεπιλογή το πρόγραμμα πλοήγησης θα τοποθετήσει το περιεχόμενο της tfoot στο κάτω μέρος του πίνακα, και της thead - στο επάνω μέρος.

Παράδειγμα

Ας προσθέσουμε μια ομάδα σειρών, που ομαδοποιούνται από την ετικέτα tbody, κόκκινο χρώμα κειμένου με την ιδιότητα color:

html<table>
  <thead>
    <tr>
      <th>Όνομα</th>
      <th>Επώνυμο</th>
      <th>Μισθός</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>όνομα1</td>
      <td>επώνυμο1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>όνομα2</td>
      <td>επώνυμο2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>πλήθος: 2</td>
      <td>-</td>
      <td>σύνολο: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

table, td, th {
  border: 1px solid black;
}

Результат:

Δείτε επίσης