Barryvdh \ DomPDF如何打破錶內頁面

我使用Barryvdh \ DomPDF從「laravel」視圖創建我的pdf。Barryvdh DomPDF如何打破錶內頁面

我想在每個頁面上獲得相同的標題。要做到這一點，我的代碼是：

<!DOCTYPE html> 
<html lang="fr"> 
    <head> 
     <meta charset="utf-8"> 
     <title>Liste des personnes</title> 
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
     <style> 
     .header, 
     .footer { 
     width: 100%; 
     text-align: center; 
     position: fixed; 
     } 
     .header { 
     top: 0px; 
     } 
     .footer { 
     bottom: 0px; 
     } 
     .pagenum:before { 
     content: counter(page); 
     } 

     </style> 
    </head> 
    <body> 

     {{-- -------------------------------------------------------- --}} 
     {{-- pour ajouter une entete et un pied de page au pdf généré --}} 
     {{-- -------------------------------------------------------- --}} 

     <div class="header"> 
      <h2>Liste des personnes</h2> 
      <hr>  
     </div> 
     <div class="footer"> 
      Page <span class="pagenum"></span> 
     </div> 
     <div style="page-break-after:always;"> 

     <table class="table table-striped" style="margin-top:30mm"> 
      <tbody> 

       @foreach($liste_personnes as $personne) 

       <tr> 
        <td class="text-center"> 
         <img style="height: 100px" src="{{ asset($personne->nom_photo_vignette) }}" alt="pas de photo"> 
        </td> 
        <td> 
         <strong>{{ $personne->nom.' '.$personne->prenom }}</strong><br> 
         {{ $personne->adresse1 }}<br> 
         {{ $personne->code_postal.' '.$personne->commune }} 
        </td> 
        <td> 
         né(e) le {{ $personne->date_naissance_dmY }}<br> 
         {{ $personne->libelle_role }} 
        </td> 
       </tr> 
       @endforeach 
      </tbody> 
     </table> 
     </div> 
    </body> 
</html>

但結果是這一個：

正如你可以看到，頁眉和頁腳是第1頁。但不是爲罰款下一頁。

如何爲每個新頁面上的每個新的第一行添加一些空格？

感謝您的幫助。 MERCI 大教堂

來源

2016-09-18 Dom

解決這樣的：

<!DOCTYPE html> 
<html lang="fr"> 
    <head> 
     <meta charset="utf-8"> 
     <title>Liste des personnes</title> 
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
     <style> 
     @page { margin: 100px 50px; } 
     .header { position: fixed; left: 0px; top: -100px; right: 0px; height: 100px; text-align: center; } 
     .footer { position: fixed; left: 0px; bottom: -50px; right: 0px; height: 50px;text-align: center;} 
     .footer .pagenum:before { content: counter(page); } 
     </style> 

    </head> 
    <body> 
     {{-- -------------------------------------------------------- --}} 
     {{-- pour ajouter une entete et un pied de page au pdf généré --}} 
     {{-- -------------------------------------------------------- --}} 
     <div class="header"> 
      <h2>Liste des personnes</h2> 
     </div> 
     <div class="footer"> 

      Page <span class="pagenum"></span> 
     </div> 

     <table class="table table-striped"> 
      <tbody> 

       @foreach($liste_personnes as $personne) 

       <tr> 
        <td class="text-center"> 
         <img style="height: 80px" src="{{ asset($personne->nom_photo_vignette) }}" alt="pas de photo"> 
        </td> 
        <td> 
         <strong>{{ $personne->nom.' '.$personne->prenom }}</strong><br> 
         {{ $personne->adresse1 }}<br> 
         {{ $personne->code_postal.' '.$personne->commune }} 
        </td> 
        <td> 
         né(e) le {{ $personne->date_naissance_dmY }}<br> 
         {{ $personne->libelle_role }} 
        </td> 
       </tr> 
       @endforeach 
      </tbody> 
     </table> 

    </body> 
</html>

希望這將有助於其他一些人。大衛

來源

2016-09-18 10:24:16 Dom

Barryvdh \ DomPDF如何打破錶內頁面

回答

相關問題