Javascript 如何使用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) {

我正在尝试使用jspdfjspdf Autotable构建一个小应用程序,但我找不到如何使用现有表中的另一个变量值创建自定义最后一行

到目前为止,我所做的是:

  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