The <tfoot> Tag

The <tfoot> tag is used to group the footer content in an HTML table and is used together with the elements <thead> and <tbody> to identify each part of the table separately. The <tfoot> element must contain one or more <tr> tags. The <tfoot> tag must be used in the table after all other elements such as <caption>, <colgroup>, <thead>, and <tbody>.

EXAMPLE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Using tfoot for table footer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <style>
        table {width: 100%; display: table; table-layout: fixed;}
        table th, td {padding: 10px}
        table th {text-align: left; text-transform: uppercase; background: red;}
        table td {text-transform: capitalize}
        table tfoot {background-color: blue; color: white;}
    </style>
</head>
<body>
<table>
    <caption style="text-align: left">TABLE</caption>
    <colgroup>
        <col style="background: green">
        <col span="2" style="background: orangered">
    </colgroup>

    <thead>
    <tr>
        <th>month</th>
        <th>salary</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>january</td>
        <td>780</td>
    </tr>
    <tr>
        <td>february</td>
        <td>765</td>
    </tr>
    <tr>
        <td>march</td>
        <td>777</td>
    </tr>
    <tr>
        <td>april</td>
        <td>810</td>
    </tr>
    <tr>
        <td>may</td>
        <td>790</td>
    </tr>
    <tr>
        <td>june</td>
        <td>766</td>
    </tr>
    <tr>
        <td>july</td>
        <td>757</td>
    </tr>
    <tr>
        <td>august</td>
        <td>820</td>
    </tr>
    <tr>
        <td>september</td>
        <td>800</td>
    </tr>
    <tr>
        <td>october</td>
        <td>850</td>
    </tr>
    <tr>
        <td>november</td>
        <td>780</td>
    </tr>
    <tr>
        <td>december</td>
        <td>800</td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
        <td>TOTAL:</td>
        <td>9,495.00 €</td>
    </tr>
    </tfoot>
</table>
</body>
</html>

RESULT