Javascript 如何在一个PDF文件中导出两个数据表

我目前正在使用DataTables在网页中绘制表格。我有一个不隐藏的表，用户可以毫无问题地查看它。另一方面，我有一个隐藏表，它必须与非隐藏表同时导出

我希望能够单击非隐藏表中的“导出PDF”，并生成一个包含两个表的PDF文件，即隐藏表和非隐藏表

---

有人能帮我吗？我有点搞不清楚该怎么做。

我还没有试过，但是你可以尝试从第一个按钮触发第二个按钮

$("#foo .buttons-pdf").on("click", function() {
  $("#bar .buttons-pdf").trigger("click");
});

---

第二个表仍然需要在DOM中可用。

如果您有相同的表，那就非常容易了。只需有第三个（或第四个等）隐藏表，您只用于导出目的。单击“PDF”按钮时，请执行以下步骤：

事先，将

*\u包装器

容器设置为

显示：无这样用户就不会在屏幕上看到闪烁或垃圾

使用API从所有表中收集数据并合并它们

初始化隐藏的导出表，并将合并的数据用作

数据

源

以编程方式触发PDF导出

清理隐藏的导出表，以便在用户第二次尝试导出时不会发生冲突

===

---

这是一个演示，有一个可见表、一个隐藏表和一个负责导出的第三个表->

这可能是一个选项，但两个表的内容类似，因此我想将它们打印到一个PDF文件中。如果我没有找到一个很好的解决方案，我认为你的解决方案是最好的。这是一个很好的解决方案！

$('#example').DataTable({ });
$('#example2').DataTable({ });

$('button').on('click', function() {
  var data = $('#example').DataTable().table().data();
  $.merge( data, $('#example2').DataTable().table().data() );
  $('#export-table').DataTable({
    dom: 'B',
    data: data,
    buttons: [{
      extend: 'pdfHtml5'
    }],
    drawCallback: function() {
      $('#export-table_wrapper .buttons-pdf').click()
       setTimeout(function() {
          $('#export-table').DataTable().destroy(false);
       }, 200)
    }
  })
})