如何让MPDF呈现Bootstrap表样式

Question

我已经尝试了一段时间来创建一个带有mpdf的bootstrap页面的pdf,而不是丢失表格和其他样式.从我在mpdf网站上看到的是我支持的样式是支持的,所以不确定问题是什么.正在应用其他样式.只是没有这些表类.

表有这些类:"table table-striped table-responsive small"

Bootstrap 3.3.1和mPDF 5.7&6

页面在浏览器中按预期显示,但pdf被剥离了表格样式,并且导致可读性问题.

我试过从bootstrap.min.css中删除@print,如下所述:https://stackoverflow.com/a/27299382/1181367 但没有任何区别.

提前感谢您提供的任何输入.

Answer 1

当我使用 mpdf 生成发票时，我遇到了这个问题。它无法应用 .css 文件或标签中给出的 css。但无论我设置什么，都可以在浏览器中正确显示格式。

所以我尝试将 css 提供为内联，例如：

<div style="display:block;color:#000;"></div>

它有效并解决了我的问题。

其次这个方法还可以帮助你：

$mpdf=new mPDF();
$stylesheet = file_get_contents('stylesheet.css'); // external css
$mpdf->WriteHTML($stylesheet,1);
$mpdf->WriteHTML($html,2); //$html contain your html code to display in pdf.
$mpdf->Output();