Print Header In Jede Seite

Drucken Kopf-und Fußzeilen auf jeder Seite ist eine sehr schwierige Aufgabe, wenn Sie die Verwendung von div-tags. In meinem Projekt hatte ich gesucht, fast vollständige web und herausgefunden, dass für den Druck der Kopf-und Fußzeilen jeder Seite, die Sie haben zu der Verwendung von Tabellen und CSS-Regeln, ohne mit Tabelle und css kann man nicht drucken von Kopfzeilen auf jeder Seite. Ich liefere Ihnen den code dafür, so zu tun, als Sie unter:

<style>
    @media screen{thead{display:none;}}
    @media print{thead{display:table-header-group; margin-bottom:2px;}}
    @page{margin-top:1cm;margin-left:1cm;margin-right:1cm;margin-bottom:1.5cm;}}
</style>

Erste CSS-Regel machen, dass thead der Tabelle nicht angezeigt werden auf dem Bildschirm für den Benutzer und die Zweite Regel legt fest, dass während des Druckens thead angezeigt wird als table-header-group, als würde diese Regel zeigen Kopfzeile auf jeder Seite lassen Sie diesen Header nicht drucken würde auf jeder Seite und die Dritte Regel ist für die Aufrechterhaltung der Seitenränder von überdeckung von Kopf-oder Fußzeilen und dein html-code würde wie unter:

<table>
    <thead>
        <tr>
            <th>  <---  Your header text would be placed here    --->  </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <--- Your printing text would be place here    ---> 
            </td>
        </tr>
    </tbody>
</table>

Letzte Sache, die ich versucht habe, was der code auf IE, Safari, Firefox und Chrome und möchte Ihnen sagen, dass in Chrome die Kopfzeile gedruckt wird nur auf der 1. Seite. Ich hatte auch den Fehler berichtet hat, viele Male, aber Chrome ist nicht zu tun, jedes Ding, das über dieses Thema.

Heute der Fehler auf webkit.org ist immer noch nicht gelöst: https://bugs.webkit.org/show_bug.cgi?id=17205

Ich hatte das gleiche problem, die Arbeit mit einer webkit-engine wandelt HTML zu PDF. Dieser arbeitete für mich:

Zuerst Ihren css für alle Medientypen

<style type="text/css" media="all">

Stellen Sie sicher, dass die display-Eigenschaft für thead festgelegt ist:

thead { display: table-header-group;}

Letzte, um Probleme zu beheben, wo die Zeilen der Tabelle bekommen, überlappt von den überschriften oder Zeilen zu halbieren Seitenumbruch

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
thead tr th{ height: 50px;}