DOM PDF e CSS
Eu estou criando um PDF com o DOMPDF e fui iludido pela ideia de criar o documento com CSS, nas doc é tudo lindo mas na prática é tenso..
Atualmente tenho o código assim:
$tabela_pedido = <<<HTML
<table style="margin-top:60px;" class="table-padrao">
<tbody>
<tr class="title">
<td colSpan="4">Pedido de Compra: $cod_pedido_erp</td>
</tr>
<tr>
<td class="title-campo" style="width:10% !important;">Preço Total Líq: </td>
<td class="valor val-cat2">R$ $p_t_liqui_format</td>
<td class="title-campo val-cat2">Usuário: </td>
<td class="valor" style="position:relative !important; left:-100px !important;">$usuario</td>
</tr>
<tr>
<td class="title-campo">Data Entrega: </td>
<td class="valor val-cat2">$data_entrega</td>
<td class="title-campo val-cat2">Data do Pedido: </td>
<td class="valor val-cat3">$data_geracao</td>
</tr>
<tr>
<td class="title-campo">Total Linhas: </td>
<td class="valor val-cat2">$qtdItens</td>
<td class="title-campo val-cat2">Frete: </td>
<td class="valor val-cat3">$tipo_frete</td>
</tr>
<tr class="obs" valign="top">
<td colSpan="4">Observação: </td>
</tr>
<tr class="obs" valign="top">
<td class="valor" colSpan="4" style="width:100% !important; height:12px !important; padding-left: 16px !important;">$observacao</td>
</tr>
</tbody>
</table>
<table width="100%" class="fornecedor table-padrao" style="margin-top:10px !important;">
<tbody>
<tr class="title">
<td colSpan="4">Dados do Fornecedor</td>
</tr>
<tr>
<td class="title-campo" style="font-size:10px !important; font-weight:bold;">FORNEC:</td>
<td class="valor" colSpan="3" style="width:89% !important; font-size:10px !important; font-weight:bold;">$desc_fornec</td>
</tr>
<tr>
<td class="title-campo">CGC/CPF: </td>
<td class="valor">$cgc_cpf_fornec</td>
<td class="title-campo">Cidade/UF: </td>
<td class="valor val-cat">$cidade_uf_fornec</td>
</tr>
<tr>
<td class="title-campo">Inscrição Estadual: </td>
<td class="valor">$insc_estad_fornec</td>
<td class="title-campo">Endereço: </td>
<td class="valor val-cat">$end_fornec</td>
</tr>
<tr>
<td class="title-campo">A/C: </td>
<td class="valor">$contato_fornec</td>
<td class="title-campo">Bairro: </td>
<td class="valor val-cat">$bairro_fornec</td>
</tr>
<tr>
<td class="title-campo">Telefone/Fax: </td>
<td class="valor">$telefone_fornec</td>
<td class="title-campo">CEP: </td>
<td class="valor val-cat">$cep_fornec</td>
</tr>
</tbody>
</table>
<table class="fornecedor table-padrao" style="margin-top:10px !important;">
<tbody>
<tr class="title">
<td colSpan="4">Dados de Entrega</td>
</tr>
<tr>
<td class="title-campo" style="font-size:10px !important; font-weight:bold;">ENTREGA: </td>
<td class="valor" colSpan="3" style="width:89% !important; font-size:10px !important; font-weight:bold;">$estab_entrega</td>
</tr>
<tr>
<td class="title-campo">CGC/CPF: </td>
<td class="valor">$cgc_cpf_entrega</td>
<td class="title-campo">Cidade/UF: </td>
<td class="valor val-cat">$cidade_uf_entrega</td>
</tr>
<tr>
<td class="title-campo">Inscrição Estadual: </td>
<td class="valor">$insc_estad_entrega</td>
<td class="title-campo">Endereço: </td>
<td class="valor val-cat">$end_entrega</td>
</tr>
<tr>
<td class="title-campo">A/C: </td>
<td class="valor">$contato_entrega</td>
<td class="title-campo">Bairro: </td>
<td class="valor val-cat">$bairro_entrega</td>
</tr>
<tr>
<td class="title-campo">Telefont/Fax: </td>
<td class="valor">$telefone_entrega</td>
<td class="title-campo">CEP: </td>
<td class="valor val-cat">$cep_entrega</td>
</tr>
</tbody>
</table>
HTML;não liguem para val-cat pois eu estou tão de saco cheio que tentei fazer uns gatos como o nome da classe já diz..
Se prestar atenção são 3 tabelas e elas tem uma classe em comum a table-padrao na qual renderiza o formato padrão da tabela o problema é que funcionou tudo e exatamente na primeira tabela só funciona uma parte do código, o padding por exemplo foi totalmente ignorado porém só no primeiro table.
Alguém sabe que diabos acontece?
estou com a última versão dom DOMPDF
Por algum motivo essa linha
<td class="valor" colSpan="4" style="width:100% !important; height:12px !important; padding-left: 16px !important;">$observacao</td>
o width:100% estava conflitando, tirei ele dai e tudo se resolveu. ^^ closed
Discussão (1)
Carregando comentários...