Hướng dẫn css print margin after page-break - lề in css sau khi ngắt trang

Xin tha thứ cho tôi cho tiêu đề, tôi không thể tìm thấy mô tả chính xác hơn cho nó.

Tôi đang phá vỡ một hàng dài trong một bảng thành nhiều trang. Mọi thứ đều ổn với trang phá vỡ trang cho tr. Vấn đề duy nhất của tôi là, nó bắt đầu ngay khi bắt đầu và kết thúc ở cuối trang làm cho tiêu đề & chân trang của tôi được bao phủ bởi dữ liệu bảng. Tôi đã thử đặt lề và đệm ở khắp mọi nơi nhưng dường như không có gì hoạt động. Dưới đây là CSS của tôi,

@media print {

    html, body {
        width: 210mm;
        height: 297mm;  
        background:#fff;
    }
    .page-layout {
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;           
    }       
    table.report { page-break-after:auto }
    table.report tr    { page-break-inside:avoid; page-break-after:auto }
    table.report td    { page-break-inside:avoid; page-break-after:auto }
    table.report thead { display:table-header-group; margin-top:50px; }
    table.report tfoot { display:table-footer-group }

    .header {
        display:block; 
        position:fixed; 
        top: 0px;   
        font-weight:bold;
        font-size:14px;
        text-align:right;
        right:0px;
    }
    .footer {
        z-index: 1;
        position: fixed;
        left: 0;
        bottom: 0;
        text-align: left;
        left: 0;
        width:100%;
        display:block;
    }       
}

Dưới đây là HTML của tôi

MY HEADER
 

REPORT TITLE




Col1
Col2
Col3
Col4














  
MY FOOTER

Đây là những gì nó trông giống như khi in,

print.css: ngắt trang và lề #CSS

Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây. Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn. Tìm hiểu thêm về các ký tự unicode hai chiều

Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây. Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn. Tìm hiểu thêm về các ký tự unicode hai chiều

Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây. Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn. Tìm hiểu thêm về các ký tự unicode hai chiều

Làm thế nào có thể phá vỡ trang và lề trang trong CSS?

Lợi nhuận ô tô trong CSS là gì?

Tôi có thể ép một trang không

Biên độ CSS được tính toán như thế nào?