如何确保Firefox打印预览中的表头仅出现一次?

问题描述 投票:1回答:1

我的html表在Chrome的打印预览中看起来不错,但是表头似乎在Firefox打印预览中出现了两次。另外,在Safari打印预览中,整个表格根本不会出现,这更糟。有没有办法解决这些问题?谢谢!

#testTable tr, #testTable th, #testTable td
{
    border:solid 1px;
    font-size:9px;
    padding:2px;
    text-align:center;
}

#testTable th
{
    background-color:#ebebeb !important;
}

@media print 
{
    #testTable
    {
        position: fixed;
        left: 0;
        margin-top: 100px !important;
        width:99% !important;
        margin-left:0px;
    }       
}

@supports (-moz-appearance:meterbar) 
{
    #testTable th
    {     
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

这是html表

<table id="testTable">
  <tr>
    <th>Reference</th>
    <th>Name</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
</table>

table header appearing twice

javascript html firefox safari frontend
1个回答
0
投票

前一段时间我有一个类似的问题。这是一个WebKit错误,对我们来说,有一个可以接受的解决方法,该方法是用iframe标签替换object标签,并且看起来工作方式完全相同。我认为它也应该对您有用。

© www.soinside.com 2019 - 2024. All rights reserved.