Firefox 不在第 2 页及以后打印表格边框

Posted 2023-03-06

【中文标题】Firefox 不在第 2 页及以后打印表格边框

【英文标题】：Firefox does not print table borders on pages 2 and onwards

【发布时间】：2018-03-17 04:09:20

【问题描述】：

问题：

在 Mozilla Firefox（版本 55.0.3 32 位）上打印表格时，表格边框仅显示在第一页上，而不显示在任何后续页面上。

因此，即仅打印第 2 页不打印表格边框，但打印第 1 页仅打印表格边框。

---

这个问题没有帮助：https://webmasters.stackexchange.com/questions/2578/how-to-prevent-table-borders-from-disappearing-while-printing（在将接受的答案的 CSS 插入我的页面后，第 2 页及以后的边框仍未打印）

这就是我所拥有的：

<table class="listdb">...</table>

table.listdb 
  font-size: 10pt;
  border-width: 0px 0px 0px 0px;
  border-spacing: 0px;
  border-style: none;
  border-color: #000000;
  border-collapse: collapse;
  background-color: #FFFFFF;


table.listdb th 
  font-size: 10pt;
  border-width: 1px;
  padding: 1px 5px 1px 5px;
  border-style: solid;
  border-color: #000000;
  background-color: #7A99DD;
  color: #000000;
  vertical-align: top;


table.listdb td 
  font-size: 10pt;
  border-width: 1px;
  padding: 1px 5px 1px 5px;
  border-style: solid;
  border-color: #999999;
  border-color: #000000;
  vertical-align: top;

我还尝试在下面使用 html5 Boilerplate 的 CSS - 没有帮助（在此处显示相关摘录，当我使用整个 @media print 块时）

@media print 
    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead 
        display: table-header-group;
    

    tr,
    img 
        page-break-inside: avoid;
        

【参考方案1】：

这是一个 Firefox 错误 https://bugzilla.mozilla.org/show_bug.cgi?id=1394249 错误也可在 71.0（64 位）Ubuntu 18.04 上重现。

【参考方案2】：

@Dennis 的好解决方案。 为了消除表格外边框和单元格之间的空间，我添加了：

table.listdb 
  border-collapse: unset; 
  padding 0;

【讨论】：

这会复制表格内部单元格之间的边框宽度。

【参考方案3】：

成功了

<style>
<!--
@media print 
    table.listdb 
        border-collapse: unset;
    

-->
</style>

listdb 类在我的表中使用<table class="listdb">...</table>

【讨论】：

除了这使得每个单独的单元格都有自己单独的边框，这可能不是你想要的。