FORSBERG+two

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

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

Find the outermost <code>div</code> container, which usually contains the template's specific class <code>template-000000</code>: ​

Below the opening tag <code>&lt;div class="template-710789"&gt;</code>, paste the code below. ​

&lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;td&gt; &lt;!-- Header --&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; &lt;!-- Body--&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;

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

​Note: Due to a Browser issue, if the header takes up more than ~ 1/3 of the printable page height, it won't repeat, and the body will break. We suggest making the repeated header content as short as possible; otherwise, you may adjust the content scale or paper size. ​

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

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

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 <code>div</code> container, which usually contains the template's specific class <code>template-000000</code>: ​
 
 
3. Below the opening tag <code>&lt;div class="template-710789"&gt;</code>, paste the code below. ​
 &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;td&gt; &lt;!-- Header --&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; &lt;!-- Body--&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;
 
 
 
4. Then, move the respective contents below the “Header” and “Body” comments of the table you just added. ​
 
 ​Note: Due to a Browser issue, if the header takes up more than ~ 1/3 of the printable page height, it won't repeat, and the body will break. We suggest making the repeated header content as short as possible; otherwise, you may adjust the content scale or paper size. ​
5. Finally, add the CSS rule inside the &lt;style&gt; tag at the bottom of the code. Make sure to replace the class <code>template-000000</code> 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.