Javascript 如何使用jspdf Autotable在表中添加自定义的最后一行
我正在尝试使用jspdf和jspdf Autotable构建一个小应用程序,但我找不到如何使用现有表中的另一个变量值创建自定义最后一行 到目前为止,我所做的是:Javascript 如何使用jspdf Autotable在表中添加自定义的最后一行,javascript,jspdf,jspdf-autotable,Javascript,Jspdf,Jspdf Autotable,我正在尝试使用jspdf和jspdf Autotable构建一个小应用程序,但我找不到如何使用现有表中的另一个变量值创建自定义最后一行 到目前为止,我所做的是: doc.autoTable({ body: concepts, columns: [{ header: 'Concept', dataKey: 'name' }, { header: 'Amount', dataKey: 'amount' }], didDrawPage: function (data) {
doc.autoTable({
body: concepts,
columns: [{ header: 'Concept', dataKey: 'name' }, { header: 'Amount', dataKey: 'amount' }],
didDrawPage: function (data) {
let rows = data.table.body;
rows.push({
content: 'Total = ' + total,
colSpan: 2
});
if (data.row.index === rows.length - 1) { doc.setFillColor(239, 154, 154); }
}
});
我很确定我对如何面对这个问题感到困惑total
带有一个数字值,但我想单独打印在一个自定义的最后一行,但在表中,就像Excel规则一样
任何建议都会有帮助!谢谢。在处理元素之前,您必须添加自定义数据。使用
…
分解数据结构并与新行合并
函数生成(){
var doc=new jsPDF();
风险值数据=[
{名称:“酒吧”,金额:1200},
{名称:“Zap”,金额:200},
{名称:“Foo”,金额:320}];
var总计=数据减少((总和,el)=>总和+el.amount,0);
var body=[…data.map(el=>[el.name,el.amount]),
[{content:`Total=${Total}`,colSpan:2,
样式:{fillColor:[239154154]}
}]]
自动表格({
总目:[[概念”,“金额]],
身体:身体
});
doc.save(“table.pdf”);
}
生成PDF
在处理元素之前,您必须添加自定义数据。使用…
分解数据结构并与新行合并
函数生成(){
var doc=new jsPDF();
风险值数据=[
{名称:“酒吧”,金额:1200},
{名称:“Zap”,金额:200},
{名称:“Foo”,金额:320}];
var总计=数据减少((总和,el)=>总和+el.amount,0);
var body=[…data.map(el=>[el.name,el.amount]),
[{content:`Total=${Total}`,colSpan:2,
样式:{fillColor:[239154154]}
}]]
自动表格({
总目:[[概念”,“金额]],
身体:身体
});
doc.save(“table.pdf”);
}
生成PDF