Жатка динамическая бегущая с летающей тарелкой

Я использую летающую тарелку для службы генератора PDF.

Я правильно использую правила css @Page для добавления текущих верхних и нижних колонтитулов на каждой странице

@page {
    size: A4 landscape;
    margin: 10%;
    @top-left { content: element(header); }
    @bottom-left { content: element(footer); }
}

header {
    position: running(header);
}

footer{
    position: running(footer);
}

Вопрос

Мой HTML и сгенерированный PDF-файл содержат разделы ниже (как пример)

  1. Карьерная цель
  2. Резюме
  3. Квалификация
  4. Трудовая книжка
  5. Опыт проекта

куда:

  • Каждый раздел начинается с новой страницы.
  • Нет двух разделов на одной странице.
  • В зависимости от содержания каждый раздел может / не может занимать несколько страниц.

Мое требование - иметь заголовок на каждой странице, отображающий название раздела, содержащегося на странице.

Например. если опыт проекта занимает две страницы, то оба заголовка страницы должны содержать слово Project Experience

Может ли кто-нибудь указать мне на возможное решение этой проблемы?


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

Ответы (1)


arrow_upward
0
arrow_downward

Наконец, я смог разобраться с этим, и это оказалось намного проще, чем я ожидал.

Ответ - создать несколько тегов (по одному на раздел) вместо одного общего заголовка для всего отчета. Отметьте публикацию каждого заголовка как работающую и все. Летающая тарелка сделает свое дело

.

Например

Мой CSS остался прежним (поскольку он под вопросом)

@page {
    size: A4 landscape;
    margin: 10%;
    @top-left { content: element(header); }
}

header {
    position: running(header);
}

Я только что отредактировал свой HTML

<div class="page">
    <header>Section 1 / My Fancy Report</header>
    <h2>Section 1</h2>
    <!-- Section 1 content --> 
</div>
<div class="page">
    <header>Section 2 / My Fancy Report</header>
    <h2>Section 2</h2>
    <!-- Section 2 content --> 
</div>

Если какой-либо раздел здесь переходит на следующую страницу, летающая тарелка правильно повторяет заголовок раздела на следующей странице.

Надеюсь, это поможет другим.

person Amit Phaltankar    schedule 28.02.2018
comment
Привет, Амит, содержимое моей таблицы переходит на следующую страницу, мне удается повторить заголовок, но когда размер таблицы превышает одну страницу, нижний колонтитул не печатается. Любая подсказка, как убедиться, что нижний колонтитул также печатается, когда размер таблицы превышает размер следующей страницы? - person Parth Kansara; 28.09.2020
comment
@ParthKansara Я думаю, это не имеет отношения к вопросу на этой странице. Не стесняйтесь задавать это отдельным вопросом в Stackoverflow. - person Amit Phaltankar; 28.09.2020