Как сделать так, чтобы заголовок таблицы в Firefox при предварительном просмотре выводился только один раз? - PullRequest
2 голосов
/ 11 марта 2020

Моя 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>

заголовок таблицы появляется дважды

...