Отображать элемент вверху каждой новой страницы, на которой существует родительский элемент

Я пытаюсь создать псевдотаблица, используя только элементы 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 элемент в верхней части каждой новой страницы, в которой он появляется?

0 ответов

Другие вопросы по тегам