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

【问题标题】：Firefox does not print table borders on pages 2 and onwardsFirefox 不在第 2 页及以后打印表格边框
【发布时间】：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;
    }    
}

【问题讨论】：

标签： html css firefox printing html-table

【解决方案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>

【讨论】：

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