Repeat the header on every page
David Rosero avatar
Written by David Rosero
Updated over a week ago

Our default templates will print documents as a single stream of content. However, we can take advantage of the HTML <thead> tag and its property table-header-group . This will allow you to display any content inside the header at the top of every page for any order.

  1. Decide what part of your document will be included in the table header. You can compress the code using the arrows on the left:

  2. Find the outermost div container, which usually contains the template's specific class template-000000:

  3. Below the opening tag <div class="template-710789">, paste the code below.

    <table>
    <thead>
    <tr>
    <td>
    <!-- Header -->
    </td>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>
    <!-- Body-->
    </td>
    </tr>
    </tbody>
    </table>

  4. Then, move the respective contents below the “Header” and “Body” comments of the table you just added.

  5. Finally, add the CSS rule inside the <style> tag at the bottom of the code. Make sure to replace the class template-000000 with the value in your own template.

        .template-000000 table thead {
    display: table-header-group;
    }


If you need help with these steps, send us a message, and our team will be happy to assist you. However, please bear in mind that we can't guarantee support for all possible design scenarios.

Did this answer your question?