Количество страниц в разрезе с летающей тарелкой и css

Я использую летающую тарелку для создания отчета в формате PDF из веб-HTML. Мой отчет содержит несколько разделов, и каждый раздел может занимать или не занимать несколько страниц в отчете.

Мое требование – показывать количество страниц раздела в заголовке.

-----------HEADER-----------
     My Fancy Report
     First Section (Page 1)
-----------------------------
.
. First Section (conitinued)
.
-----------HEADER-----------
     My Fancy Report
     First Section (Page 2)
-----------------------------
.
. First Section (Completed)
.
 -----------HEADER-----------
     My Fancy Report
     Second Section (Page 1)
-----------------------------
.
. Second Section 
.

Я попытался использовать счетчик, как показано ниже.

header { counter-increment: myCounter; }
header:after{content: ' (Page ' counter(myCounter) ')' ;}
#page{ counter-reset: myCounter; }

#page — это элемент, который появляется при каждом начале нового раздела

Делая это, я никогда не вижу, чтобы счетчик сбрасывался с новым разделом.

Похоже, что сброс счетчика не работает с летающей тарелкой, я где-то читал об этом.

Может ли кто-нибудь сообщить мне, каков наилучший способ добиться этого?


java pdf html css flying-saucer
person Amit Phaltankar    schedule 01.03.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Поскольку counter-reset не работает корректно с Flying-sacuer, я нашел простой обходной путь. Надеюсь, это поможет другим

Как уже упоминалось в моем вопросе, в моем документе есть несколько запущенных заголовков (заголовки разделов). Я создаю отдельный счетчик для каждого заголовка раздела и увеличиваю их независимо.

#sectionOneHeader{ counter-increment: sectionOneCounter; }
#sectionOneHeader:after{ content: ' (Page ' counter(sectionOneCounter) ') '; }

#sectionTwoHeader{ counter-increment: sectionTwoCounter; }
#sectionTwoHeader:after{ content: ' (Page ' counter(sectionTwoCounter) ') '; }

и это сработало именно так, как я хотел.

person Amit Phaltankar    schedule 03.03.2018