在将其导出到 JavaScript 中的 Excel 时排除 table 列

Question

我必须将 HTML table 导出到 Excel 工作表中。我研究了很多并找到了解决方案。它对我有用，但问题是，我的 table 数据中有一些图像字段，我想将其从 table 导出中删除（假设是第一列）。如何修改我的代码以获得所需的结果？

downloadVenues = () => {
  var downloadLink;
  var dataType = 'application/vnd.ms-excel';
  var tableSelect = document.getElementById("venue-table");
  var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');

  // Specify file name
  var filename = 'venues_data.xls';

  // Create download link element
  downloadLink = document.createElement("a");

  document.body.appendChild(downloadLink);

  if (navigator.msSaveOrOpenBlob) {
    var blob = new Blob(['\ufeff', tableHTML], {
      type: dataType
    });
    navigator.msSaveOrOpenBlob(blob, filename);
  } else {
    // Create a link to the file
    downloadLink.href = 'data:' + dataType + ', ' + tableHTML;

    // Setting the file name
    downloadLink.download = filename;

    //triggering the function
    downloadLink.click();
  }
}

Answer 1

这是一种在导出到 Excel.

之前删除所有 td、tr、th 或任何其他带有 class 或 id 的方法

将 class .remove-this 设置为您要删除的任何 th 和 td。

function exportTableToExcel(tableID, filename = ''){

var table = document.getElementById(tableID);
var cloneTable = table.cloneNode(true);
jQuery(cloneTable).find('.remove-this').remove();

var downloadLink;
var dataType = 'application/vnd.ms-excel';
var tableSelect = cloneTable;
var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');

// Specify file name
filename = filename?filename+'.xls':'excel_data.xls';

// Create download link element
downloadLink = document.createElement("a");

document.body.appendChild(downloadLink);

if(navigator.msSaveOrOpenBlob){
    var blob = new Blob(['\ufeff', tableHTML], {
        type: dataType
    });
    navigator.msSaveOrOpenBlob( blob, filename);
}else{
    // Create a link to the file
    downloadLink.href = 'data:' + dataType + ', ' + tableHTML;

    // Setting the file name
    downloadLink.download = filename;
    
    //triggering the function
    downloadLink.click();
}

}

原代码：https://www.codexworld.com/export-html-table-data-to-excel-using-javascript/

在将其导出到 JavaScript 中的 Excel 时排除 table 列

Exclude table columns while exporting it into Excel in JavaScript

javascript

excel

typescript

reactjs

react-table