Сделать заголовок на всех страницах в кукловоде

Question

Когда я устанавливаю displayHeaderFooter в true, заголовок не будет отображаться.Это работает только когда я устанавливаю поле @page в CSS, но затем высота страницы увеличивается на величину поля и содержимое страницы отображается за пределами страницы.

Есть ли решение для появления заголовка накаждая страница без ошибок?

Answer 1

Вы можете установить поле содержимого с помощью параметра margin, равного page.pdf.По умолчанию поле равно 0 для всех сторон, поэтому, если вы установите заголовок без поля, он будет скрыт за содержимым страницы.

Поле, установленное с помощью этой опции, не увеличитвысота страницы.Если возможно, я бы рекомендовал не использовать правила @page из CSS, поскольку существует несколько известных ошибок (см. этот ответ для получения дополнительной информации).

Пример кода

Вот минимальный пример, который устанавливает заголовок для всех страниц и устанавливает поле на 20mm, чтобы сделать его видимым:

await page.pdf({
    displayHeaderFooter: true,
    headerTemplate: '<div style="font-size:5mm;">Your header text</div>',
    margin: {
        top: '20mm'
    },
    path: 'example.pdf'
});