Отображать элемент вверху каждой новой страницы, на которой существует родительский элемент - PullRequest
0 голосов
/ 11 декабря 2018

Я пытаюсь создать псевдотаблица, используя только элементы div.По этой причине я не хочу наследовать стиль по умолчанию обычной HTML-таблицы.Однако я хочу повторить заголовок таблицы для каждой новой страницы при печати таблицы.Вот пример моей таблицы:

<div class="pseudo-table">
  <div class="table-header">Table Header</div>
  <div class="table-rows">
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
  </div>
</div>

Я добавил следующий css, чтобы таблица переместилась на новые страницы при печати:

.my-cell {
    padding: 160px 40px;
    border: 1px solid #000;
}

Есть ли способ сообщить моемуpseudo-table для отображения элемента table-header в верхней части каждой новой страницы, в которой он появляется?

...