首页 > 解决方案 > 下载后表格的总计算未显示在 pdf 中。(Tabulator Js)

问题描述

我正在使用制表器 js 生成表格并将其导出为 pdf。

使用制表器生成的表格在表格页脚中显示总表格计算,但下载 pdf 后没有表格页脚。(即没有显示总计算)。

这是使用制表器生成的 html 表格的屏幕截图。 在此处输入图像描述

let table = new Tabulator(selector, {
columnCalcs: "both",
columnVertAlign: "bottom", //align header contents to bottom of cell
data: tableData, //assign data to table
//Pre-format tabulator raw data before downloading
downloadDataFormatter: function (data) { //data - active table data array   
  //change calculations group info and reformat currency values
  data.calcs = updateTotalColumn(data.calcs);
  data.calcs = reformatCurrencyCalculations(data.calcs);
  data.calcs = renameGroupKeysforCalcs(data.calcs);
  //Update Row headers appending prev headers
  data.data = subGroupHeader(data.data);
  //return data for download
  return data;
},
downloadConfig: {
  columnGroups: true,
  rowGroups: true,
  columnCalcs: true
},
layout: "fitData", //fit columns to width of table
groupBy: groupByData,
groupStartOpen: groupOpenAtLoad,
groupHeader: groupHeaders,
groupToggleElement: groupToggleElement,
columns: tableColumns

});

标签: javascriptjqueryhtmlcsstabulator

解决方案


您需要设置下载配置

downloadConfig:{
    columnCalcs:true, 
},

推荐阅读