Wkhtmltopdf 忽略 Bootstrap table

Question

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

这是我的代码：

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

简单bootstraptable： <table cellspacing="0" class="table table-responsive table-striped table-bordered">

Answer 1

如果您想在 PDF 中使用 bootstrap 样式，那么您应该将 bootstrap 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。

Answer 2

更改 dpi 对我有用。 wkhtmltopdf -O Portrait --dpi 600 -L 0mm -R 0mm -T 0mm -B 0mm --page-size A4

Wkhtmltopdf 忽略 Bootstrap table

Wkhtmltopdf ignores Bootstrap table

wkhtmltopdf

twitter-bootstrap

laravel