Table 缺少边框）自动分页后，使用 CSS

Question

我有一个 table，它有 13 列，其中一些列已合并。页眉和页脚是静态的，tbody 是动态的，由来自 php 页面的变量回显产生。

包括边框在内的一切都很好，除非我尝试打印它们，无论是 PDF 还是发送到打印机本身。第一页的打印效果很好，但分页后所有 table 边框都丢失了，布局等都很好。

我找到了一个临时解决方案，但有点作弊。我所做的只是将边框折叠设置为分隔并将单元格间距设置为 0。如果您查看 table 边框，但折叠边框的另一半仍然缺失，我对分页有思考-之后，之前和内部都无济于事。当 table 边框设置为折叠时，分页后边框完全消失。

Answer 1

已知 Firefox 存在此问题。有关可能的解决方案，请参阅。建议您像这样明确绘制边框：

CSS:

table {
    border-spacing:0;
}
td, th {
    border-right:1px solid black;
    border-bottom:1px solid black;
}
thead th {
    border-top:1px solid black;
}
th:first-child, td:first-child {
    border-left:1px solid black;
}

Table 缺少边框）自动分页后，使用 CSS

Table missing Border(s) after auto pagebreak, using CSS

html

css

php

border

dynamic-tables