打印时带有Rowspan的IE10边框问题

时间:2013-08-19 20:18:54

标签: html printing border internet-explorer-10 html-table

有人可以解释为什么从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>

2 个答案:

答案 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>