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