css: нумерация печатных страниц в Chrome

Question

Браузер, который я должен поддерживать, - это Chrome (использующий электрон для моего проекта), поэтому использование любого другого браузера не вариант.

Я некоторое время искал решение этой проблемы,у этого, кажется, нет ответа на это.Я пытался использовать эту форму подхода (скопировано с страницы CSS x of y для @media print ):

CSS:

#content {
    display: table;
}

#pageFooter {
    display: table-footer-group;
}

#pageFooter:after {
    counter-increment: page;
    content: counter(page);
}

ИHTML-код:

<div id="content">
  <div id="pageFooter">Page </div>
  multi-page content here...
</div>

Приведенный выше подход работает на FF, но не на Chrome.Кажется, что thead/tfoot хромовых повторов на каждой распечатанной странице при предварительном просмотре, но это не приводит к увеличению счетчика.Одно и то же значение счетчика печатается на каждой напечатанной странице.

Я также пробовал подходы, включающие @page, но, похоже, это перестало работать пару лет назад.

Пример (скопировано с Поддержка браузером номеров страниц CSS ):

@page {
    counter-increment: page;
    counter-reset: page 1;
    @top-right {
        content: "Page " counter(page) " of " counter(pages);
    }
}

Кто-нибудь знает способ решения этой проблемы?Или я мертв в воде? Приветствуется любое решение javasript / nodejs.