使用 TableExport.js 将 HTML table 导出为 PDF、WORD、PNG

Question

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

<!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。

Answer 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>

使用 TableExport.js 将 HTML table 导出为 PDF、WORD、PNG

Export HTML table to PDF, WORD, PNG using TableExport.js

html

javascript

pdf

jquery

html2pdf