如何导出 pdf 或发送包含包含边框的 html 的电子邮件？答案

【问题标题】：How to export pdf or send e-mail that contains html including borders?如何导出 pdf 或发送包含包含边框的 html 的电子邮件？
【发布时间】：2021-02-15 02:54:27
【问题描述】：

我有一个网站显示带有一些 html 的数据，并且网页上显示的数据有边框，因为它包含在带有引导程序的容器流体中。当我将页面导出为 pdf 或尝试发送电子邮件中的 html 时，我的问题就出现了。当我查看来自该站点的 pdf 文件时，它包含不同行和列的所有内容，但是站点上显示的任何单元格都没有形状或边框。

这是否与数据在网站上显示的原始方式是使用引导容器而不是表格这一事实有关？数据当前未设置为 html 表，因为我在网站上显示的数据字段是以特定方式设置的。有没有办法在导出中保留这种格式？

Here's what my page roughly looks like. 每个单元格都包含数据，但是当我将其导出为 pdf 时，我希望能够看到数据以及单元格的边框。实际上，我只看到单元格的内容，但看不到边框或格式。

另外，这是我用来导出为 pdf 的函数：

function exportPDF() {
            var divToPrint=document.getElementById("content");
            newWin= window.open("");
            newWin.document.write(divToPrint.outerHTML);
            newWin.print();
            newWin.close();
        }

【问题讨论】：

标签： html css twitter-bootstrap pdf

【解决方案1】：

边框通常采用 CSS 格式。这意味着如果您有一段包含 CSS 样式的单独代码，则在“内容”div 之外，这对您的导出没有影响。你能检查一下是否是这种情况吗？或许你可以像这个例子一样直接将 CSS 样式添加到 HTML 代码中：

<h1 style="color:blue;">A Blue Heading</h1>

最好的问候

【讨论】：