打印时数据表与页脚重叠

Question

所以我的页面上有很多数据与我的页脚重叠在我的打印页面上，当数据即将到达页脚时，如何将剩余的数据转到第二页，这里是ss：

在这里你可以看到包含数据的表格与我的页脚重叠（从“注意：”开始）

这是我的页脚代码：

     <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;">

示例小提琴https://jsfiddle.net/h6y4srez/

Answer 1

关于此表的快速提问。

您编码的页脚。它似乎与表格主体的主题完全相关。这是对的吗？

如果是这样，您是否可以简单地将最终部分放在<tfoot>标记中，从而将其加入到正确的表中并阻止其在任何其他内容上运行？

Answer 2

在你的CSS中：

thead, tfoot { display: table-row-group }

这使得它们呈现为普通行，而不会在有分页符时尝试重复它们。