Javascript Datatables PDF导出自定义总和元素

使用

Datatables v1.10

我想导出我的表，包括一个HTML元素，该元素位于表的之外，其中包括一个工资列的总和，这可能吗？此总和会动态变化，单击按钮时应导出实时结果

我已经创建了一个表，可以成功地筛选、显示总计并导出带有自定义消息的PDF，但我不确定如何将我的

total

元素添加到PDF中

我希望PDF的布局如下

PDF标题

工资总额

目录

我已经创建了一个代码，代码如下

window.onload=function（）{
$（文档）.ready（函数（）{
$（'#示例'）。数据表({
dom:'Bfrtip'，
按钮：[{
扩展：“pdfHtml5”，
messageTop:“由PDFMake创建的PDF，带有用于数据表的按钮。”
}],
“footerCallback”：函数（行、数据、开始、结束、显示）{
var api=this.api（），
数据；
//删除格式以获取求和的整数数据
var intVal=函数（i）{
返回类型i==='string'？
i、 替换（/[\$，]/g，）*1：
i的类型=='编号'？
i:0；
};
//总页数
总计=空气污染指数
.第（4）栏
.data（）
.减少（功能a、b）{
返回intVal（a）+intVal（b）；
}, 0);
//本页总计
pageTotal=api
.第（4）栏{
页面：“当前”
})
.data（）
.减少（功能a、b）{
返回intVal（a）+intVal（b）；
}, 0);
//更新页脚
$（api.column（4.footer（））.html(
“$”+pageTotal+”（$”+total+“total”）
);
$（“#total”）.text（“£”+数字（pageTotal）.toFixed（2））；
}
});
});
}

工资总额：

名字
姓
位置
办公室
薪水
老虎
尼克松
系统架构师
爱丁堡
$320,800
加勒特
冬天
会计
东京
$170,750
阿什顿
考克斯
初级技术作者
旧金山
$86,000
塞德里克
凯莉
高级Javascript开发人员
爱丁堡
$433,060
艾里
佐藤
会计
东京
$162,700
布瑞尔
威廉森
集成专家
纽约
$372,000
赫罗德
经销商
营业员
旧金山
$137,500
罗纳
戴维森
集成专家
东京
$327,900
科琳
赫斯特
Javascript开发人员
旧金山
$205,500
索尼娅
霜冻
软件工程师
爱丁堡
$103,600
耶拿
盖恩斯
办公室经理
伦敦
$90,560
奎因
弗林
支撑导线
爱丁堡
$342,000
查德
马歇尔
区域主任
旧金山
$470,600
海莉
肯尼迪
高级市场设计师
伦敦
$313,500
塔季扬娜
菲茨帕特里克
区域主任
伦敦
$385,750
迈克尔
席尔瓦
营销设计师
伦敦
$198,500
保罗
伯德
首席财务官（CFO）
纽约
$725,000
(基督教用拉丁语,开始的)《荣耀颂》歌
小
系统管理员
纽约
$237,500
布拉德利
格里尔
软件工程师
伦敦
$132,000
傣族
里奥斯
人事领导
爱丁堡
$217,500
詹妮特椅
考德威尔
开发领导
纽约
$345,000
尤里
浆果
首席营销官（CMO）
纽约
$675,000
凯撒
万斯
售前支持
纽约
$106,450
多丽丝
野性的
营业员
西德尼
$85,600
当归
拉莫斯
首席执行官（CEO）
伦敦
$1,200,000
加文
乔伊斯
开发商
爱丁堡
$92,575
珍妮弗
张
区域主任
新加坡
$357,650
布伦登
瓦格纳
软件工程师
旧金山
$206,850
Fiona
绿色
首席运营官（COO）
旧金山
$850,000
寿
伊藤
区域营销
东京
$163,000
米歇尔
房子
集成专家
西德尼
$95,400
苏姬
伯克斯
开发商
伦敦
$114,500
普雷斯科特
巴特利特
技术作者
伦敦
$145,000
加文
科尔特斯
队长
旧金山
$235,500
马蒂娜
麦克雷
售后支持
爱丁堡
$324,050
统一
管家
营销设计师
旧金山
$85,675
霍华德
哈特菲尔德
办公室经理
旧金山
$164,500
希望
富恩特斯
秘书
旧金山
$109,850
维维安
哈雷尔
财务总监
旧金山
$452,500
提摩太
穆尼
办公室经理
伦敦
$136,200
杰克逊
布拉德肖
经理
纽约
$645,750
奥利维亚
梁
支持工程师
新加坡
$234,500
布鲁诺
纳什
软件工程师
伦敦
$163,500
s
buttons: [{
   extend: 'pdfHtml5',
   messageTop: function(){
      return "Total Salary: " + $("#total").text();
    },
   footer: true
}],