So my table with a lot of data overlaps my footer on my print page, how do i make when the data is about to reach the footer the remaining data will go to the second page, here is the ss:

here you can see that the table with data overlaps my footer(starting with the "NOTE:")

[![enter image description here](https://i.stack.imgur.com/9DKV3.jpg)](https://i.stack.imgur.com/9DKV3.jpg)

here is my code for the footer:

```
     <div class="divFooter" style="display:block;position:absolute;width:100%;bottom:0px;">
      <div class="row" style="font-size:12px;"><div class="col-md-12">
        <div style="width:100%;height:20px;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;background:color:"><p style="margin-left:10px;">NOTE:</p> </div>
            <div style="height:100%;width:50%;border-right:1px solid #E8E8E8;float:left;">

```

sample fiddle <https://jsfiddle.net/h6y4srez/>