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

时间:2015-03-01 03:31:27

标签: javascript jquery html pdf html2pdf

我正在尝试使用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

1 个答案:

答案 0 :(得分:3)

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