<tfoot>: The HTML Table Footer Element

1 Description

The html <tfoot> element is used to contain <tr> elements which hold summary data or totals for a given HTML <table>. The <tfoot> element is always a child of the <table> element and occurs after the <tbody> element.

2 Examples

<!DOCTYPE html>
<html>
    <head>
        <title>Example Page</title>
    </head>
    <body>
        <h1>Example HTML Page</h1>
        <p>This is a sample table element.</p>
        <table>
            <thead>
                <tr>
                    <th colspan="2">Sales Report</th>
                </tr>
                <tr>
                    <th>Day</th>
                    <th>Amount Sold</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Sunday</td>
                    <td>18</td>
                </tr>
                <tr>
                    <td>Monday</td>
                    <td>193</td>
                </tr>
                <tr>
                    <td>Tuesday</td>
                    <td>49</td>
                </tr>
                <tr>
                    <td>Wednesday</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td>Thursday</td>
                    <td>68</td>
                </tr>
                <tr>
                    <td>Friday</td>
                    <td>203</td>
                </tr>
                <tr>
                    <td>Saturday</td>
                    <td>81</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>Total Sales</td>
                    <td>616</td>
                </tr>
            </tfoot>
        </table>
    </body>
</html>

This document was last updated: