Когда я отображаю таблицу в HTML, я использую для CSS:
table {
width: 100%;
border-collapse: collapse;
font-size: 1.4rem;
}
thead {
background-attachment: fixed;
background: var(--c);
}
thead > tr {
line-height: 3.6rem !important;
text-align: left;
color: white;
}
thead th {
position:relative;
}
Она производит что-то похожее на это:
![Table in Browser](https://i.stack.imgur.com/yJcvs.png)
Теперь, если я начну печатать в Chrome v73 и попытаюсь сохранить в PDF, результирующий PDF будет выглядеть примерно так:
![Table after Save to PDF](https://i.stack.imgur.com/Ex0LA.png)
То есть этосоздал вертикальные контуры ячейки.Похоже, Opera, Firefox и Safari также производят то же самое, так что это должно быть как-то связано с рендерингом PDF.
Кто-нибудь видел эту проблему раньше или знает решение?