使用 TableExport.js 将 HTML 表格导出为 PDF、WORD、PNG答案

【问题标题】：Export HTML table to PDF, WORD, PNG using TableExport.js使用 TableExport.js 将 HTML 表格导出为 PDF、WORD、PNG
【发布时间】：2015-03-01 03:31:27
【问题描述】：

我正在尝试使用Ngiriraj Table Export Demo. 提供的 js 通过 PDF 导出表格代码是：

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
    <script type="text/javascript" src="./js/tableExport.js"></script>
    <script type="text/javascript" src="js/jquery.base64.js"></script>
    <script type="text/javascript" src="js/sprintf.js"></script>
    <script type="text/javascript" src="js/jspdf.js"></script>
    <script type="text/javascript" src="js/base64.js"></script>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/jquery.mobile-1.4.2.min.js"></script>

<title>Insert title here</title>
</head>
<body>


<button id="export" style="height: auto; width: auto;" onClick="$('#tableID').tableExport({type:'pdf',escape:'false'});">Click Here for PDF!</button>


<table id="tableID">
<tr>
<td>ABC</td>
<td>BDE</td>
</tr>
</table>
</body>
</html>

但是，当我单击按钮时，什么也没有发生。每当单击按钮时，控制台都会显示错误UNCAUGHT TYPE ERROR。

【问题讨论】：

标签： javascript jquery html pdf html2pdf

【解决方案1】：

在 jQuery 之后包括任何依赖于 jQuery 的脚本。我想说最好的做法是把 jQuery 放在第一位。让我知道这是否有效：

<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.mobile-1.4.2.min.js"></script>
<script type="text/javascript" src="./js/tableExport.js"></script>
<script type="text/javascript" src="js/jquery.base64.js"></script>
<script type="text/javascript" src="js/sprintf.js"></script>
<script type="text/javascript" src="js/jspdf.js"></script>
<script type="text/javascript" src="js/base64.js"></script>

【讨论】：

工作。非常感谢。但是我怎样才能下载 PDF 文件呢？
嗯...对此我不太确定。我根本不知道那个 javascript 库。至少在 Chrome 中，右下角会有一个小的“保存”按钮。我不确定其他浏览器，我想。也许在“文件”>“保存”下？
它下载为未知文件类型，即使提供了文件类型。有什么解决办法吗？
如何使用 tableexport.js 将多个 html 表格导出到同一个 excel 中的多个工作表中？