使用colspan导出表格并在角度js中格式化答案

【问题标题】：Exporting table with colspan and formatting in angular js使用colspan导出表格并在角度js中格式化
【发布时间】：2017-02-24 20:14:12
【问题描述】：

我在 Angular js 中创建了一个页面，它使用 ng-repeat 标签来填充表格中的数据。我使用了一些格式和 colspan。我正在尝试以 pdf 格式导出表格。我尝试了以下方法：

htmltoCanvas：使用以下代码：

$scope.export = function(){
  html2canvas(document.getElementById('exportthis'), {
    onrendered: function (canvas) {
      var data = canvas.toDataURL();
      var pdf = new jsPDF('landscape','pt','letter');      
      pdf.addImage(data, 'JPEG', 0, 0);
      pdf.save("download.pdf");
    }
   });
 }

我面临的问题是：由于它将表格转换为图像，我无法复制内容，而且如果表格太大（超过一页），它会给出一个空白的 pdf。

我使用了不支持 colspan 的 jspdf，格式也丢失了。

请指教。

【问题讨论】：

由于某种原因无法编码，为此道歉......
不知道一个好的客户端解决方案。 wkhtmltopdf 在服务器端使用 webkit 来呈现 pdf，您也可以使用 phantomjs 本身非常简单地做到这一点，但客户端我见过的唯一 PDF 生成器需要特定的数据模型来生成页面。您可能可以使用您现在尝试的方法来缩放以适应，但可能会更好地获得可以更直接地渲染它的东西。

标签： javascript angularjs pdf export-to-pdf html-to-pdf

【解决方案1】：

找到了解决我的问题的方法。将其发布为答案，因为它可能会帮助遇到相同问题的人。我现在正在使用打印选项，因此我可以使用格式保存 div。

【讨论】：