有人可以解释为什么从IE10打印时,以下HTML表格中的边框不会显示在打印输出上吗?
即使你没有答案,还有其他人注意到这种行为吗?
我一直在打印到Microsoft XPS Viewer,但在打印到打印机时也不会显示。
这是一个类似的IE10打印问题,但它并不是我遇到的问题: IE 10 Missing border segments while printing table elements
<!DOCTYPE html>
<html>
<head>
<title>Broken IE10 Print Page</title>
<style>
table {
border: 3px solid black;
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
}
th {
padding: 2px;
border: 1px solid black;
}
td {
padding: 2px;
border: 1px solid black;
}
</style>
</head>
<body>
<table style="width: 975px;">
<thead>
<tr>
<th>Test1</th>
<th>Test2</th>
<th>Test3</th>
<th>Test4</th>
<th>Test5</th>
<th>Test6</th>
<th>Test7</th>
</tr>
</thead>
<tbody>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2">
Broken in Print
</td>
<td>Material</td>
<td>Material</td>
<td>0.10000</td>
<td></td>
<td></td>
<td>Rowspan 2</td>
</tr>
<tr>
<td>Material</td>
<td>Supplies</td>
<td>0.20000</td>
<td>0.1</td>
<td></td>
<td>Manual</td>
</tr>
<tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr><tr>
<td>Test123</td>
<td></td>
<td></td>
<td>0.00000</td>
<td>0</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>
答案 0 :(得分:0)
尝试进入IE&gt;工具[alt + x]&gt;打印&gt;页面设置。在左上角,您应该看到纸张选项。在此之下,有一个标题为打印背景颜色和图像的复选框。启用后尝试打印。
答案 1 :(得分:0)
尽管微软的回应,我仍然在IE 11中看到这个问题 我的文件翻了一页。但我找到了一个讨厌的工作。
删除rowspan,任何应该有行跨度的单元格都可以
现在将其内容放在position: absolute;
的范围内。那就是
只是使用CSS来删除不应该存在的内容。如果你
也可以使用table { border-collapse: collapse; }
,你甚至不能
看到休息。这是一个完整的例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IE11 Table</title>
<style type="text/css">
td {
border: 1px solid black;
padding: 3ex;
}
td.rowspan {
border-bottom: 0 solid transparent;
}
td.rowspan span {
position: absolute;
margin-top: -1.5ex;
}
td.rowspanned {
border-top: 0 solid transparent;
color: transparent;
background-color: transparent;
}
</style>
</head>
<body>
<table>
<tbody>
<tr><td>A1</td><td>A2</td></tr>
<tr><td>B1</td><td>B2</td></tr>
<tr><td>C1</td><td>C2</td></tr>
<tr><td>D1</td><td>D2</td></tr>
<tr><td>E1</td><td>E2</td></tr>
<tr><td class="rowspan"><span>F1<br>F1A<br>F1B<br>F1C<br>F1D</span></td><td>F2</td></tr>
<tr><td class="rowspanned">G1</td><td>G2</td></tr>
<tr><td>H1</td><td>H2</td></tr>
<tr><td>I1</td><td>I2</td></tr>
<tr><td>J1</td><td>J2</td></tr>
<tr><td>K1</td><td>K2</td></tr>
<tr><td>L1</td><td>L2</td></tr>
<tr><td>M1</td><td>M2</td></tr>
<tr><td>N1</td><td>N2</td></tr>
<tr><td>O1</td><td>O2</td></tr>
<tr><td>P1</td><td>P2</td></tr>
<tr><td>Q1</td><td>Q2</td></tr>
</tbody>
</table>
</body>
</html>
td {
border: 1px solid black;
padding: 3ex;
}
td.rowspan {
border-bottom: 0 solid transparent;
}
td.rowspan span {
position: absolute;
margin-top: -1.5ex;
}
td.rowspanned {
border-top: 0 solid transparent;
color: transparent;
background-color: transparent;
}
<table>
<tbody>
<tr><td>A1</td><td>A2</td></tr>
<tr><td>B1</td><td>B2</td></tr>
<tr><td>C1</td><td>C2</td></tr>
<tr><td>D1</td><td>D2</td></tr>
<tr><td>E1</td><td>E2</td></tr>
<tr><td class="rowspan"><span>F1<br>F1A<br>F1B<br>F1C<br>F1D</span></td><td>F2</td></tr>
<tr><td class="rowspanned">G1</td><td>G2</td></tr>
<tr><td>H1</td><td>H2</td></tr>
<tr><td>I1</td><td>I2</td></tr>
<tr><td>J1</td><td>J2</td></tr>
<tr><td>K1</td><td>K2</td></tr>
<tr><td>L1</td><td>L2</td></tr>
<tr><td>M1</td><td>M2</td></tr>
<tr><td>N1</td><td>N2</td></tr>
<tr><td>O1</td><td>O2</td></tr>
<tr><td>P1</td><td>P2</td></tr>
<tr><td>Q1</td><td>Q2</td></tr>
</tbody>
</table>