В настоящее время я просто пытаюсь разместить простой заголовок поверх всех моих страниц PDF, однако заголовок отображается нормально только на первой странице. На остальных страницах заголовок не отображается. У меня не было таких проблем с тем, чтобы заставить работать нижний колонтитул.
Я получаю свои поля в генерации pdf следующим образом:
const pdf = await page.pdf({
format: "A4",
printBackground: true,
margin: {top: "2cm", right: "1cm", bottom: "100px", left: "1cm" },
displayHeaderFooter: true,
headerTemplate: headerHtml,
footerTemplate: footerHtml
});
Переменная headerHtml
связана с этим HTML:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
#header,
#footer {
padding: 0cm 1cm 0 1cm !important;
}
</style>
</head>
<body>
<div style='height: 100%; width: 100%;'>
<div style="height: 100%; width:100%;">
</div>
<hr style='height:0.5px;border:none;color:#CCCCCC;background-color:#CCCCCC;-webkit-print-color-adjust: exact; margin-top:auto;' />
</div>
</body>
</html>
Итак, вверху первой страницы я вижу это, как и ожидалось:
Then on the second page and every page after that it disappears?
Вторая страница
Кто-нибудь знает, в чем может быть проблема?