Печать Div внизу страницы для нескольких страниц ⇐ CSS

[Anonymous]

При печати HTML я хочу разместить таблицу нижнего колонтитула внизу страницы. В случае одной страницы все работает как положено, но для нескольких страниц нижний колонтитул печатается внизу всех страниц. Но для нескольких страниц я хочу распечатать таблицу нижнего колонтитула только внизу последней страницы. Ниже приведен код

Код: Выделить всё

Document with Tables

body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
height: 100vh;
display: flex;
flex-direction: column;
}

.header, .footer {
width: 100%;
border: 1px solid #000;
padding: 10px;
box-sizing: border-box;
}

.body {
flex: 1;
overflow: auto;
}

table {
width: 100%;
border-collapse: collapse;
margin: 10px 0;
}

th, td {
border: 1px solid #000;
padding: 8px;
text-align: left;
}

/* Print styles */
@media print {
body {
height: auto; /* Allow body to expand */
margin: 0;
}

.body {
overflow: visible;
}

/* Show footer only on the last page */
.footer {
display: block;  /* Make it visible on the last page */
position: fixed;
bottom: 0;
width: 100%;
}

@page {
size: auto;
margin:  0;
}
}







Header Section








Column 1
Column 2
Column 3





Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3
Row 1 Data 1Row 1 Data 2Row 1 Data 3







Signature Section

Печать одной страницы выглядит так:


Печать нескольких страниц выглядит так:


I также пытались изначально скрыть раздел нижнего колонтитула и отобразить нижний колонтитул внутри onbeforeprint, но проблема осталась на нескольких страницах.

Подробнее здесь: https://stackoverflow.com/questions/791 ... iple-pages