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

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

本文关键字：PDF WORD PNG js TableExport HTML 表格 使用      更新时间：2023-09-26

我正在尝试使用Ngiriraj表导出演示提供的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。

在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>
相关文章：