Skip to content
Snippets Groups Projects
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
TableWithBordersLongTable.html 8.65 KiB
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>Long Table</title>
    <style>
        table,
        td,
        th {
            border: 1px solid gray
        }
    </style>
</head>

<body>
    <p>In Chrome try <strong>Print...</strong> and then selecting 
        <strong>"Save as PDF".</strong><br><br>
        <em>Notice how headers appear on each page</em>
    </p>
    <!-- long table -->
    <table>
        <caption><em>Long Table</em></caption>
        <thead>
            <tr>
                <th></th>
                <th>Exam1</th>
                <th>Exam2</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Student1</td>
                <td>10</td>
                <td>100</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <th>Student2</th>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
            <tr>
                <td>Student2</td>
                <td>20</td>
                <td>200</td>
            </tr>
        </tbody>
    </table>
</body></html>