我今天早上面临一个巨大的问题,我正在尝试将我的表格导出为pdf文件。该脚本工作正常如果我把它放在一个没有别的,页面加载和dl启动。
但我想按一下按钮!当我这样说时:
$(document).ready(function () {
$('#downloadPDF').on('click', function (e) {
console.log("test");
e.preventDefault();
$('table').tableExport({
type: 'pdf',
jspdf: {
orientation: 'l',
format: 'a3',
margins: {
left: 10,
right: 10,
top: 20,
bottom: 20
},
autotable: {
styles: {
fillColor: 'inherit',
textColor: 'inherit'
},
tableWidth: 'auto'
}
}
});
});
});
<button type="button" id="downloadPDF" class="btn btn-default">Default</button>
我在Chrome控制台中收到此错误:
未捕获TypeError:$(...)。tableExport不是函数(匿名函数)@Auto:290jQuery.event.dispatch @jquery-1.10.2.js:5109elemData.handle @jquery-1.10.2.js :4780
我无法理解为什么。因为它不在事件中时效果很好。
答案 0 :(得分:0)
为此,您需要a table export plugin。
在您的页面中添加这些导入:
<script type="text/javascript" src="tableExport.js">
<script type="text/javascript" src="jquery.base64.js">
//and these if you want export to pdf
<script type="text/javascript" src="jspdf/libs/sprintf.js">
<script type="text/javascript" src="jspdf/jspdf.js">
<script type="text/javascript" src="jspdf/libs/base64.js">
显然,请将src路径替换为下载位置。