Javascript JSPDF和自动表的问题
我正在尝试将“来自HTML的表格”与“标题”结合起来。。。看看例子。我可以让每个人单独工作,但不能一起工作 当我把两者结合起来时,我遇到了问题……你能看到我在这里做错了什么,为什么这不起作用吗 可能在我的标题变量中。。。还有,有没有从导出中排除列的方法 用这个Javascript JSPDF和自动表的问题,javascript,php,jquery,arrays,jspdf,Javascript,Php,Jquery,Arrays,Jspdf,我正在尝试将“来自HTML的表格”与“标题”结合起来。。。看看例子。我可以让每个人单独工作,但不能一起工作 当我把两者结合起来时,我遇到了问题……你能看到我在这里做错了什么,为什么这不起作用吗 可能在我的标题变量中。。。还有,有没有从导出中排除列的方法 用这个 下载PDF 函数生成(){ var doc=新的jsPDF('p','pt'); var res=doc.autoTableHtmlToJson(document.getElementById(“基本表”)); 文档自动表(存储列、存储
下载PDF
函数生成(){
var doc=新的jsPDF('p','pt');
var res=doc.autoTableHtmlToJson(document.getElementById(“基本表”));
文档自动表(存储列、存储数据、选项);
变量头=函数(数据){
文件setFontSize(18);
setTextColor文件(40);
文件setFontStyle(“正常”);
doc.addImage(headerImgData,'JPEG',data.settings.margin.left,20,50,50);
文档文本(“测试报告”,data.settings.margin.left+55,50);
};
变量选项={
beforePageContent:标题,
边距:{顶部:80}
};
单据自动表(列、数据、选项);
doc.save(“table.pdf”);
}
var headerImgData='数据:图像/jpeg;base64,/9。。。我的数据图像';
身份证件
名字
姓
电子邮件
国家
IP地址
1.
唐娜
摩尔
dmoore0@furl.net
中国
211.56.242.221
2.
珍妮丝
亨利
jhenry1@theatlantic.com
乌克兰
38.36.7.199
3.
露丝
井
rwells2@constantcontact.com
特立尼达和多巴哥
19.162.133.184
4.
杰森
射线
jray3@psu.edu
巴西
10.68.11.42
5.
简
斯蒂芬斯
jstephens4@go.com
美国
47.32.129.71
6.
亚当
尼科尔斯
anichols5@com.com
加拿大
18.186.38.37
我不完全确定您想要完成什么,但我做了一个最好的猜测。下面是一个关于结果的例子。我将生成函数更改为:
函数生成(){
var doc=新的jsPDF('p','pt');
var res=doc.autoTableHtmlToJson(document.getElementById(“基本表”));
doc.autoTable(res.columns,res.data,{margin:{top:80}});
变量头=函数(数据){
文件setFontSize(18);
setTextColor文件(40);
文件setFontStyle(“正常”);
//doc.addImage(headerImgData,'JPEG',data.settings.margin.left,20,50,50);
文档文本(“测试报告”,data.settings.margin.left,50);
};
变量选项={
beforePageContent:标题,
开始:doc.autoTableEndPosY()+20
};
文档自动表(存储列、存储数据、选项);
doc.save(“table.pdf”);
}
以下是我使用jspdf()以PDF格式导出表的方法。我提到了我的数组,它将显示在主体部分的UI中。还提到了标题
代码-
<script src="jspdf.min.js"></script>
<script src="jspdf.plugin.autotable.min.js"></script>
附言:
使用此选项导入
<script src="jspdf.min.js"></script>
<script src="jspdf.plugin.autotable.min.js"></script>
import jsPDF from 'jspdf';
import 'jspdf-autotable';
capture(){
var doc = new jspdf('l', 'pt' , 'a4'); //landscape page
doc.autoTable({
body: this.responseData,
columns: [{header: 'version', dataKey: 'version'}, {header:
'sourceFileName',
dataKey: 'sourceFileName'},
{header: 'targetFileName', dataKey: 'targetFileName'}, {header: 'id',
dataKey: 'id'}
]
]
})
doc.save("table.pdf");
}
var jsPDF = require('jspdf');
require('jspdf-autotable');