6

谁能解释为什么从 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>
4

2 回答 2

0

尝试转到 IE > 工具 [alt+x] > 打印 > 页面设置。在左上角，您应该会看到Paper Options。在此之下，有一个标题为Print Background Colors and Images的复选框。启用后尝试打印。

于 2013-10-01T09:48:51.107 回答
0

尽管微软做出了回应，但当我的文档超过一页时，我仍然在 IE 11 中看到这个问题。但我发现了一个 hacky 解决方法。

删除行跨度，任何应该具有行跨度的单元格现在都可以将其内容放在带有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>

于 2016-03-09T16:33:13.307 回答