首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Wkhtmltopdf忽略Bootstrap表

Wkhtmltopdf忽略Bootstrap表
EN

Stack Overflow用户
提问于 2017-03-24 16:24:41
回答 2查看 2.5K关注 0票数 2

我有一页PDF导出选项。除了这些表外,我还有三个图表(高图)。这些图表可以很好地导出,但是表被完全忽略了。有办法解决这个问题吗?

这是我的密码:

代码语言:javascript
复制
$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">

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-03-24 20:15:33

改变dpi对我有用。wkhtmltopdf -O肖像-dpi 600 -L 0 0mm 0 0mm 0 0mm 0 0mm页面大小A4

票数 2
EN

Stack Overflow用户

发布于 2017-03-24 17:12:40

如果您想在PDF中使用引导样式,那么您可能应该在HTML到PDF代码中包括引导CSS文件。

例如,如下所示:

代码语言:javascript
复制
<!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">

...

我正在使用斯巴比作为Wkhtmltopdf的包装器,但我确信通用规则是相同的:如果您想要使用某些CSS,那么您应该将这个CSS包含在您的HTML代码中,这将被转换为PDF。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43004547

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档