DomPDF ne rend pas la table joliment
J'essaie d'obtenir des PDF à l'aide de DomPDF mais je viens de traverser un problème étrange. Toutes les données et d'autres choses sont bien, mais quand il rend dans le fichier PDF de la première ligne de la table est toujours hors de style. Tout d'abord, j'ai pensé que peut-être le tableau est d'aller à la page suivante qui cause le style de son contexte mais j'ai essayé de limiter la table à une page et découvert que le problème existe toujours. Ainsi, la première ligne du tableau sur chaque page devient fou. Voici mon code et des captures d'écran de PDF.
Contrôleur
$dompdf = new DOMPDF();
$dompdf->load_html($listing);
$dompdf->set_paper('a4', 'landscape');
$dompdf->render();
$dompdf->stream("sample.pdf");
Vue
<table class="table table-bordered">
<tr>
<th width="150">Client </th>
<td>Client Name </td>
</tr>
<tr>
<th>Site </th>
<td><?php print $site->title; ?></td>
</tr>
<tr>
<th>Address </th>
<td>
<?php
print $site->unit.' '.
$site->street.' '.
$site->suburb.' '.
$site->state.' '.
$site->location;
?>
</td>
</tr>
<tr>
<th>Post Code </th>
<td><?php print $site->postcode; ?></td>
</tr>
<tr>
<th colspan="2"> Site Information</th>
</tr>
<tr>
<td colspan="2" height="150"> <?php print $site->site_information; ?></td>
</tr>
<tr>
<th colspan="2">Work Instruction</th>
</tr>
<tr>
<td colspan="2" height="200"> <?php print $site->work_instruction; ?></td>
</tr>
<tr>
<th colspan="2">Equipment on Site</th>
</tr>
<tr>
<td colspan="2"> <?php print $site->site_equipment; ?></td>
</tr>
<tr>
<th colspan="2">Special Instructions</th>
</tr>
<tr>
<td colspan="2" height="100"> <?php print $site->special_instruction; ?></td>
</tr>
<tr>
<th>Contact Person </th>
<td><?php print $site->contact_person; ?></td>
</tr>
<tr>
<th>Contact Number </th>
<td><?php print $site->contact_no; ?></td>
</tr>
</table>
Page 1:
Page 2:
Toute aide sera très appréciée.
Grâce
comment sur la modification de la th td
Pas De Chance. En fait, je suis en utilisant bootstrap 3 css. Donc, est-il possible que c'est à cause de cela ?
Je peux vous confirmer que c'est
Pas De Chance. En fait, je suis en utilisant bootstrap 3 css. Donc, est-il possible que c'est à cause de cela ?
Je peux vous confirmer que c'est
OriginalL'auteur RK. | 2015-04-13
Vous devez vous connecter pour publier un commentaire.
- Je utiliser
OriginalL'auteur Alan Fonseca TbonesKiller
Presque certainement le problème est l'utilisation de Bootstrap. Beaucoup de dompdf questions liées à l'Amorçage d'avoir à faire avec le
:before
/:after
déclarations. Je pense que vous pouvez contourner le problème dans ce cas particulier, en appliquant le code CSS suivant pour dompdf:Où puis-je ajouter cette CSS? Pour mon thème, ou quelque part d'autre?
vous devez ajouter ce de n'importe où après le Bootstrap de la feuille de style de référence de sorte qu'il prend la priorité.
Le placer quelque part dans votre page comme ceci:
<style type="text/css"> thead:before, thead:after { display: none; } tbody:before, tbody:after { display: none; } </style>
OriginalL'auteur BrianS