Para agregar un pie de página en una tabla HTML, puede usar la etiqueta HTML tfoot . El pie de página es obligatorio cuando el desarrollador desea mostrar la conclusión o el resultado de los datos de la tabla en una sola fila.
Sintaxis:
<tfoot> // Table footer contents... </tfoot>
El siguiente ejemplo ilustrará el concepto de pie de página de tabla y aclarará sus pensamientos sobre cómo crear un pie de página de tabla en HTML.
Ejemplo: En este ejemplo, crearemos una tabla que contiene 2 cursos y un precio con el precio total al pie de la tabla.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
table, th, td {
border: 2px solid black;
}
</style>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h2>How to create table footer in HTML</h2>
<table>
<thead>
<tr>
<th>Course</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>ReactJS</td>
<td>$39</td>
</tr>
<tr>
<td>JavaScript</td>
<td>$23</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Total</td>
<td>$62</td>
</tr>
</tfoot>
</table>
</center>
</body>
</html>
Producción:
Pie de página de la tabla
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA