Erreur de design dans l'export pdf – Dompdf / tcpdf

Je développe un portail de voyage et c'est essentiel pour faire un ticket pdf pour la réservation. J'ai utilisé Dompdf et tcPdf. Mais il existe une erreur de design dans le pdf exporté des deux bibliothèques.

C'est mon design HTML actuel
entrez la description de l'image ici

C'est le PDF généré

entrez la description de l'image ici

Mon code de design HTML

<table class="col-xs-12 other-table" style="text-align:left"> <tr> <td>TICKET ID</td> <td>&nbsp;</td> <td><span>LD324865</span></td> <td></td> <td></td> <td></td> </tr> <tr> <td>PACKAGE NAME</td> <td>&nbsp;</td> <td><span>LAKSHADWEEP SUMMER PACKAGE</span></td> <td></td> <td></td> <td></td> </tr> <tr> <td>DATE OF BOOKING</td> <td>&nbsp;</td> <td><span>28 May 2016</span></td> <td>DATE OF JOURNEY</td> <td>&nbsp;</td> <td><span>31 May 2016</span></td> </tr> </table> <style> .grey-color{ color:#666; } .total-cost{font-size:18px} .address{ font-size:11px; } .heading{ border-bottom:1px #CCCCCC solid; } .package-name{ font-size:15px; margin:15px 0px; } .package-name span{ padding:10px !important;background:#EAEAEA; } .table{font-size:14px} .other-table td{padding: 12px 0px !important;font-size:12px} .other-table span{background:#EAEAEA;padding:16px !important;} .uppercase{text-transform:uppercase !important;} </style> 

Code PHP pour générer du PDF

 <?php require_once 'dompdf/autoload.inc.php'; // reference the Dompdf namespace use Dompdf\Dompdf; // instantiate and use the dompdf class $dompdf = new Dompdf(); $html = file_get_contents('holiday.html'); $dompdf->loadHtml($html); // (Optional) Setup the paper size and orientation $dompdf->setPaper('A4', 'portrait'); // Render the HTML as PDF $dompdf->render(); // Output the generated PDF to Browser $dompdf->stream(); ?> 

Comment get un design pdf correct? Je ne veux pas de bibliothèque payante. Existe-t-il d'autres bibliothèques PDF PHP pour ce faire?

dompdf ne fonctionne pas actuellement (jusqu'à et 0.7.0) ont un bon support pour le remplissage sur les éléments en ligne. vous pouvez passer à un élément de bloc (a P ou DIV) et voir de meilleurs résultats.

Avec 0.7.0, vous pouvez également réparer le style en configurant votre style d'affichage de scope dans un bloc en ligne.