Html 打印时数据表与页脚重叠

Html 打印时数据表与页脚重叠,html,css,twitter-bootstrap,footer,Html,Css,Twitter Bootstrap,Footer,因此,我的表格中有很多数据与打印页上的页脚重叠,当数据即将到达页脚时,如何使剩余的数据进入第二页,下面是ss: 在这里,您可以看到包含数据的表与我的页脚重叠(从“NOTE:”开始) 下面是我的页脚代码: <div class="divFooter" style="display:block;position:absolute;width:100%;bottom:0px;"> <div class="row" style="font-size:12px;"

因此,我的表格中有很多数据与打印页上的页脚重叠,当数据即将到达页脚时,如何使剩余的数据进入第二页,下面是ss:

在这里,您可以看到包含数据的表与我的页脚重叠(从“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;">

注释:


关于这张桌子的提琴示例快速问题

您编码的页脚。它似乎与桌子主体的主题完全相关。这是正确的吗


如果是这样的话,您是否可以简单地不将结束部分放在
标记中,从而将其连接到表中,并防止其覆盖任何其他内容?

关于此表的快速问题

您编码的页脚。它似乎与桌子主体的主题完全相关。这是正确的吗

如果是这样的话,您能否简单地不将结束部分放在
标记中,从而将其连接到表中,并防止其覆盖任何其他内容?

在CSS中:

这使它们呈现为普通行,在出现分页符时不会尝试重复它们。

在CSS中:


这将使它们呈现为普通行,而不会在出现分页符时尝试重复它们。

您有固定高度..更改为“自动”后,您就完成了。检查此选项在打印页脚时不起作用,请转到第二页检查我的小提琴。。我使用了clear:和Remove fix height。。请分享完整的代码在上面的代码我已经修复了。当我尝试打印页脚时,也会发生同样的情况。页脚不会停留在第一页作为页脚。您有固定的高度。更改为“自动”,您就完成了。检查打印页脚到第二页时这不起作用检查我的小提琴。。我使用了clear:和Remove fix height。。请分享完整的代码在上面的代码我已经修复了。当我尝试打印页脚时也会发生同样的情况,页脚不会停留在第一页作为页脚。我没有任何标记,我制作的页脚是一个标记,用于将其与表分开,但当我修复或绝对页脚时,数据表根本不关心页脚,并且与页脚重叠。我没有任何标记,我制作的页脚是一个标记,用于将其与表分开,但当我修复或绝对页脚时,数据表根本不在乎,并且与页脚重叠
thead, tfoot { display: table-row-group }