如何让 MPDF 呈现引导表样式答案

【问题标题】：How to get MPDF to render Bootstrap Table Styles如何让 MPDF 呈现引导表样式
【发布时间】：2015-07-25 17:07:54
【问题描述】：

我一直在尝试使用 mpdf 创建引导页面的 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，但没有区别。

提前感谢您提供的任何意见。

【问题讨论】：

标签： twitter-bootstrap mpdf

【解决方案1】：

要对表格进行条带化，您可以使用以下 css。

 <style>
    tr:nth-child(even) {
    background-color: #f2f2f2;
}
  </style>

【讨论】：

【解决方案2】：

我在使用 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();

【讨论】：