7

Existe alguma forma de configurar o DOMPDF para que coloque um cabeçalho em todas as páginas do PDF gerado?

Estou gerando um relatório e gostaria que todas as páginas do relatório tivessem o cabeçalho da primeira.

    //define o estilo da página pdf
$style='
    <style>
    @page {
            margin-top: 20px;
        }
#head{
background-image: url("fad.jpg");
background-repeat: no-repeat;
font-size: 25px;
text-align: center;
height: 60px;
width: 500px;
margin: 0 auto;
}
#corpo{
width: 500px;
margin: 0 auto;
}
table{
border-collapse: collapse;
}
td{
    padding: 3px;
}
    </style>';

//define o cabeçalho da página
$head='<div id="head">Lista de Compras</div>
<div id="corpo">';


//inclui a biblioteca do dompdf
require_once("lib/dompdf/dompdf_config.inc.php");

//recebendo os dados do Formulário
$quant=$_POST['quantidade'];
$tipo=$_POST['tipo'];
$produto=$_POST['produto'];
$obs=$_POST['obs'];

//define o corpo do documento
$body='
    <table border="1px" >
        <tr bgcolor="#ccc">
            <td>Quantidade</td>
            <td>Tipo</td>
            <td>Produto</td>
            <td>Obs.</td>
        </tr>
    ';
for ($i = 0; $i < count($quant); $i++) {
    $tmp='<tr>
        <td width="15%">'.$quant[$i].'</td>
        <td width="15%">'.$tipo[$i].'</td>
        <td width="40%">'.$produto[$i].'</td>
        <td width="30%"> '.$obs[$i].'</td>
        ';   
    $body=$body.$tmp;
}


//define o rodapé da página
$footer='
    </table>
    </div>
    ';

//concatenando as variáveis
$html=$head.$style.$body.$footer;

//gerando o pdf
$html = utf8_decode($html);
$dompdf = new DOMPDF();
$dompdf->load_html($html);
$dompdf->render();
$dompdf->stream("compras.pdf");
11
  • Como está seu HTML ? Commented 9/09/2015 às 17:53
  • @DiegoSouza, editei a pergunta e coloquei o código completo Commented 9/09/2015 às 18:31
  • Certo. No seu #head, coloca position:fixed e testa. Commented 9/09/2015 às 18:43
  • @DiegoSouza, não funcionou. Commented 9/09/2015 às 18:47
  • Será que não é seu cache ? Commented 9/09/2015 às 18:50

1 Resposta 1

7

Pronto.

Mudanças

  1. Coloquei as tags html head e body em sequência, assim como se fosse uma página .html.
  2. Coloquei type="text/css". É bom dizer ao browser especificamente o que o código é.
  3. No cabeçalho #head adicionei position:fixed, é obrigatório para fixar ele em toda página. Deixei no centro da página usando o margin: auto, com left: 0 e right: 0. CSS normal.
  4. No @page que controla a estrutura da página em si, defini 120px de topo. E defini o margin-top do #head com -110 para o cabeçalho não subir em cima do conteúdo.
  5. Coloquei o thead no cabeçalho da tabela para que ele se repetisse em toda página. Foi escolha minha, mas pode tirar se quiser.
  6. Coloquei o tbody - não dentro da estrutura repetitiva - apenas para dizer ao código que a partir dali vem os dados tabulados (especificar).
  7. Depois fechei lá no final as tags body e html.
  8. Rodapé também deve ser position: fixed e fora do corpo do conteúdo. Assim como o cabeçalho.

Código

<?php
     //define o estilo da página pdf
     $style='<html><head>
        <style type="text/css">
       @page {
            margin: 120px 50px 80px 50px;
        }
        #head{
            background-image: url("fad.jpg");
            background-repeat: no-repeat;
            font-size: 25px;
            text-align: center;
            height: 110px;
            width: 100%;
            position: fixed;
            top: -100px;
            left: 0;
            right: 0;
            margin: auto;
        }
        #corpo{
            width: 600px;
            position: relative;
            margin: auto;
        }
        table{
            border-collapse: collapse;
            width: 100%;
            position: relative;
        }
        td{
            padding: 3px;
        }
        #footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            text-align: right;
            border-top: 1px solid gray;
        }
        #footer .page:after{ 
            content: counter(page); 
        }
        </style></head><body>';

    //define o cabeçalho da página
    $head='<div id="head">Lista de Compras</div>
           <div id="corpo">';

    //inclui a biblioteca do dompdf
    require_once("dompdf/dompdf_config.inc.php");

    //recebendo os dados do Formulário
    $quant      = 22;
    $tipo       = 'Unidade';
    $produto    = 'Garrafa PET';
    $obs        = 'Sem Obs';

    //define o corpo do documento
    $body='
        <table border="1px">
            <thead>
            <tr bgcolor="#ccc">
                <td>Quantidade</td>
                <td>Tipo</td>
                <td>Produto</td>
                <td>Obs.</td>
            </tr></thead><tbody>';

    for ($i = 0; $i < 130; $i++) {
        $tmp='<tr>
            <td width="15%">'.$quant.'</td>
            <td width="15%">'.$tipo.'</td>
            <td width="40%">'.$produto.'</td>
            <td width="30%"> '.$obs.'</td>';   
        $body = $body.$tmp;
    }


    //define o rodapé da página
    $footer='</tbody>
        </table>
        </div>
        <div id="footer">
            <p class="page">Página </p>
        </div></body></html>  ';

    //concatenando as variáveis
    $html=$head.$style.$body.$footer;

    //gerando o pdf
    $html = utf8_decode($html);
    $dompdf = new DOMPDF();
    $dompdf->load_html($html);
    $dompdf->render();
    $dompdf->stream("compras.pdf");

?>
9
  • 1
    Essa resposta me ajudou bastante, pq queria o cabeçalho da tabela em todas as páginas e as margens da folha configuradas corretamente. Porém, o cabeçalho da página ainda só aparece na primeira. Queria a logo da empresa e o título em todas as páginas. Commented 15/09/2015 às 16:00
  • 1
    Eu acho que você pode atualizar seu DOMPDF, o que acha ? Eu usei esse para simular - github.com/downloads/dompdf/dompdf/dompdf_0-6-0_beta3.zip Commented 15/09/2015 às 16:03
  • 1
    Muito Obrigada!!! Era o problema da versão mesmo. Agora está perfeito! Commented 15/09/2015 às 16:21
  • 1
    lol. Ke luta! Ke bom que foi agora. Commented 15/09/2015 às 16:31
  • 1
    Alterei o código no POST para melhor visualização. Commented 15/09/2015 às 17:11

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .