时间戳

首页 > 解决方案 > 如何导出 pdf 或发送包含包含边框的 html 的电子邮件？

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

问题描述

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

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

这是我的页面大致的样子。每个单元格都保存数据，但是当我将其导出为 pdf 时，我希望能够看到数据以及单元格的边框。事实上，我只看到单元格的内容，但看不到边框或格式。

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

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

标签： htmlcsstwitter-bootstrappdf

解决方案

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

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

此致

推荐阅读