2017-03-24 1 views
1

J'ai une page avec option d'export PDF. À côté de ces tables, j'ai aussi trois cartes (Highcharts). Ces graphiques sont exportés correctement mais la table est complètement ignorée. Y'a t'il un moyen d'arranger cela?Wkhtmltopdf ignore la table Bootstrap

Ceci est mon code:

$pdf->setOption('enable-javascript', true); 
$pdf->setOption('javascript-delay', 10000); 
$pdf->setOption('no-stop-slow-scripts', true); 
$pdf->setOption('dpi', 100); 
$pdf->setOption('image-quality', 100); 

return $pdf->setOrientation('landscape')->setOption('margin-top', 0)->download('export-' . $id . ' .pdf'); 

et simple table bootstrap: <table cellspacing="0" class="table table-responsive table-striped table-bordered">

+0

Dites-nous si votre problème a été résolu. –

+0

Oui, c'est! Je l'ai résolu en supprimant l'élément bootstrap div avec la classe 'hidden-xs' qui était enroulée autour de la table. De plus, je règle l'orientation du papier sur "Portrait" et maintenant cela fonctionne parfaitement. – harunB10

+0

Content de l'entendre. –

Répondre

1

Si vous voulez utiliser des styles bootstrap dans votre PDF, vous devez probablement inclure le fichier CSS bootstrap dans votre HTML- code to-PDF.

Par exemple, comme ceci:

<!DOCTYPE html><html><head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<title>TITLE OF YOUR PAGE</title> 

<!-- include bootstrap CSS from CDN --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

... 

J'utilise snappy comme emballage pour Wkhtmltopdf, mais je suis sûr que la règle commune est le même: si vous voulez utiliser un CSS, vous devrait inclure cette CSS dans votre code HTML, qui sera converti en PDF.

2

changer le DPI a travaillé pour moi. wkhtmltopdf -O Portrait --dpi 600 -L 0mm -R 0mm -T 0mm -B 0mm --Page A4