Hello everyone,

Right now im working in a Report for my team and I'm using the  attribute 

style="page-break-before: always;" In my divs so that every div represents a page such as

<div class="row" style="page-break-before: always;">

<div id="header">

</div>

<div id="content" style="height:1050px; ">

</div>

<div class="footer">

</div>

</div>

And that's for every page, what I need is that when my content surpasses my page space (1050px), call it text or something like a HTML table called from the form with <div id="tableDiv" class="generalTable" t-field="doc.general_table">, breaks in a new page.

Bear in mind that on top and bottom of those 1050 pixels of content I have a header and footer that needs to be created on the new page.

Does anybody have any suggestions or solutions for this case?