Моя 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>
заголовок таблицы появляется дважды