打印时数据表与页脚重叠 [英] Data table overlaps footer when printing

问题描述

所以我的表中有很多数据，但页脚在打印页面上却与我的页脚重叠，当数据即将到达页脚时，我该如何做?剩余的数据将进入第二页，这是ss:

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:

在这里您可以看到带有数据的表格与我的页脚重叠(以"NOTE:"开头)

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

这是我的页脚代码:

     <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/

推荐答案

在您的CSS中:

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

这使它们呈现为普通行，而无需在出现分页符时尝试重复它们.

This makes them render as normal rows, without attempting to repeat them when there is a page break.

这篇关于打印时数据表与页脚重叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！