Etiqueta tbody

La etiqueta tbody define el cuerpo de la tabla. Se utiliza para agrupar filas de tal manera que se puedan aplicar estilos CSS a un grupo de forma inmediata. Una tabla puede contener cualquier número de etiquetas tbody.

La etiqueta tbody se utiliza a menudo junto con thead y tfoot para definir la parte superior, el cuerpo y la parte inferior de una tabla HTML. Por defecto, el navegador colocará el contenido de tfoot en la parte inferior de la tabla, y thead - en la parte superior.

Ejemplo

Añadamos color rojo al texto a un grupo de filas, agrupadas por la etiqueta tbody, utilizando la propiedad color:

html<table>
  <thead>
    <tr>
      <th>Nombre</th>
      <th>Apellido</th>
      <th>Salario</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>nombre1</td>
      <td>apellido1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>nombre2</td>
      <td>apellido2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>total: 2</td>
      <td>-</td>
      <td>total: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

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

Результат:

Ver también