Счетчики страницы CSS не видны в сгенерированном PDF с использованием правила @page ⇐ Javascript

[Anonymous]

Я разрабатываю функцию для создания отчета о здоровье PDF из шаблона EJS. Я пытаюсь добавить номера страниц (например, «Страница 1 из 10») в нижний колонтитул каждой страницы. Я использую функции модуля CSS Pagege Media, специально счетчика (страница) и правило @page.
В то время как PDF правильно генерирует со всеми содержимым и разрывами страниц, номера страниц полностью отсутствуют. < /P>
Описание задачи < /h1>
Цель состоит в том, чтобы «Страница x y» на каждой страте. Я реализовал это с помощью CSS-счетчиков и @Page AT-Rule с коробкой @нижней центра. Остальная часть контента и стиля отчета, включая динамические разрывы страниц между разделами, работает как и ожидалось. Тем не менее, нижний колонтитул с номером страницы не отображается ни на одной странице. /> Вот соответствующий CSS, который я добавил в раздел моего файла отчета.ejs. Я намеренно использовал большой, красный шрифт, чтобы убедиться, что номера страниц будут заметны, если они рендеринг. < /P>

Код: Выделить всё

.report-container {
/* Initialize the page counter */
counter-reset: page;
}

.section-content {
/* Increment the page counter on each new section that causes a page break */
counter-increment: page;
}

/* Define styles for printing and PDF generation */
@page {
@bottom-center {
/* These properties are my attempt to style the page number */
display: block;
width: 100%;
height: 100%;
position: absolute;
text-align: center;
color: rgb(188, 0, 0); /* Bright red for visibility */
font-size: 45px;       /* Very large font size for visibility */
content: "Page " counter(page) " of " counter(pages);
z-index: 1000;
}
}

И это упрощенная версия моей структуры EJS/HTML, которая генерирует страницы. Каждая группа страниц предназначена для запуска на новой странице (кроме первой). < /P>

{ %>
>


























< /code>
Мои вопросы < /h1>
Есть ли проблема с моими CSS или тем, как я увеличиваю счетчики, которые приведут к тому, что номера страниц не будут отображаться? Можно ли включить их нарушение рендеринга свойства контента? Существуют ли известные проблемы совместимости с счетчиком Counter (страницы) или правилом @Page в общих библиотеках (например, кукольчик, HTML-PDF и т. Д.)? В настоящее время там нет ничего.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... -page-rule