Php 移除工作台';tfoot和thead中的s边框

Php 移除工作台';tfoot和thead中的s边框,php,html,css,html-table,Php,Html,Css,Html Table,我想在打印时删除tfoot和thead区域内的border。当表格的行被拆分为新页面时,即使在tfoot和thead区域内,边框也会继续显示。这是该问题的屏幕截图: 我的代码: @媒体打印{ .报告容器{ 分页符后:始终; } thead.report-header{ 显示:表头组; } tfoot.report-footer{ 显示:表尾组; 边界:无; } #间隔棒{ 高度:230像素; } #页脚{ 位置:固定; 底部:0; 边界:无; } } 移除位置:固定;底部:0从CSS样式表中

我想在打印时删除
tfoot
thead
区域内的
border
。当表格的行被拆分为新页面时,即使在
tfoot
thead
区域内,边框也会继续显示。这是该问题的屏幕截图:

我的代码:

@媒体打印{
.报告容器{
分页符后:始终;
}
thead.report-header{
显示:表头组;
}
tfoot.report-footer{
显示:表尾组;
边界:无;
}
#间隔棒{
高度:230像素;
}
#页脚{
位置:固定;
底部:0;
边界:无;
}
}

移除
位置:固定;底部:0从CSS样式表中的
#footer
,如下所示,并为页脚应用高度值

@media print {
  .report-container {
    page-break-after: always;
  }
  thead.report-header {
    display: table-header-group;
    background-color:red;
  }
  tfoot.report-footer {
    display: table-footer-group;
    border: none;
    background-color:green;
  }
  tbody {
    background-color:blue;
  }
  #spacer {
    margin-bottom: 150px;
  }
  #footer {
    border: none;
  }
} 




<table class="report-container" width="100%" style="" cellspacing="1" cellpadding="5">
  <thead class="report-header">
    <tr>
      <th width="" align="left">
        <?php if ($so_invoice_report_row['has_header_footer']) { echo html_entity_decode($rowHeaderFooter['header_content']); } else {} ?>
      </th>
    </tr>
  </thead>
  <tfoot class="report-footer" id="spacer">
    <tr>
      <td><?php if ($so_invoice_report_row['has_header_footer']) { echo html_entity_decode($rowHeaderFooter['footer_content']); } else {} ?>
      </td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td><?php
          include 'table_content.php';
        ?>
      </td>
    </tr>
  </tbody>
</table>
@媒体打印{
.报告容器{
分页符后:始终;
}
thead.report-header{
显示:表头组;
背景色:红色;
}
tfoot.report-footer{
显示:表尾组;
边界:无;
背景颜色:绿色;
}
t车身{
背景颜色:蓝色;
}
#间隔棒{
边缘底部:150px;
}
#页脚{
边界:无;
}
} 
这对你有用。试试看。
如果有任何问题,请告诉我。

我无法重现您的结果。。。请您发布一点生成的html来说明问题(我的意思是,实际上包含表数据而不是-stuff)

但如果我没弄错的话,你是在试图让你正在使用的纸张上已经包含的公司页眉和页脚的标记空间保持空闲。那样的话,我有一个解决办法给你

  • Add white(意思是:
    background:white;
    )在包含附加页眉数据的html页面的顶部和底部使用固定位置和更高的z索引来划分所需的大小*

  • 在html页面内容前后添加带有相对位置和页眉/页脚大小的空白div,这样整个内容就不会“进入”其他页眉/页脚元素(我认为使用填充也应该有效,但在这里没有)

  • 将thead和tfooter留空-只需调整大小,使其不会“进入”其他页眉/页脚元素

  • 测试一下


    *)注意:显然(至少在Opera 54.0上)白色背景颜色永远不会被忽略,但如果打印时页眉/页脚看起来是透明的而不是白色,请按照建议尝试“打印背景图像”

    选项,但
    div
    页脚现在不会在每页上重复。它只显示在第三页的顶部(这是最后一页,表格直到第2页才显示),我以前没有注意到。您的HTML代码格式错误。你为什么不把你的答案写进去?我已经更新了我的答案。使用HTML代码,让我知道你的结果是什么。在没有看到代码的情况下解决这个问题有点困难;底部:0
    最后一页的页脚位于
    tbody
    最后一个元素的正下方。这就是为什么我添加了页脚ID为的div。使用您最新的代码进行了测试,但是在
    tfoot
    thead
    区域中仍然可以看到边框。顺便说一句,我正在使用Chrome来测试这一点。仍然一样,我需要查看table_content.php文件,如果它是导致问题的原因。由于目前它里面有很多嵌套表(该文件是很久以前由其他人创建的,所以我不知道格式),我需要在当前模板中添加页眉和页脚(因此使用了
    include'table_content.php';
    )。因此,我使用
    thead
    tfoot
    标记来实现这一点,但问题是当数据不适合一页时。。水平边框在
    tfoot
    thead
    区域(我用红色突出显示的区域)内可见。您有解决此问题的示例代码吗?我的页眉和页脚区域仍有表格边框。确定。或者也许,事实上。你能发布一个html代码片段,用实际内容替换标签吗?然后我会检查我的建议解决方案是否可行