Wkhtmltopdf忽略Bootstrap表

时间:2017-03-24 16:24:41

标签: twitter-bootstrap laravel wkhtmltopdf

我有一个带PDF导出选项的页面。除了这些表格,我还有三张图表(Highcharts)。这些图表导出正常,但表格完全被忽略。有办法解决这个问题吗?

这是我的代码:

$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');

简单的引导表: <table cellspacing="0" class="table table-responsive table-striped table-bordered">

2 个答案:

答案 0 :(得分:2)

改变dpi对我有用。 wkhtmltopdf -O肖像--dpi 600 -L 0mm -R 0mm -T 0mm -B 0mm - 页面尺寸A4

答案 1 :(得分:1)

如果您想在PDF中使用引导程序样式,那么您应该将引导程序CSS文件包含在HTML-to-PDF代码中。

例如,像这样:

<!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">

...

我正在使用snappy作为Wkhtmltopdf的包装器,但我确信通用规则是相同的:如果你想使用一些CSS,那么你应该把这个CSS包含在你的HTML代码,将转换为PDF。