使用jquery从html表生成Excel表格

我想在用户点击按钮时生成Excel表格。基本上我想要做的正是在这里dicussed使用jquery从html表生成Excel表格

how to pass html table values to excel sheet cells （卡勒H.Väravas答案）

JavaScript to export HTML tables to Excel

但不知何故，当我点击按钮没有任何反应。我正在使用Mozilla浏览器。我的代码需要启用ActiveXObject。我需要做些额外的事情来完成它。？

我创建了这个小提琴进行测试。如果这个工程，我会尝试我的真实代码。如果这对你有用，那么请让我知道。由于

代码：

JS：

<script type="text/javascript"> 
    function CreateExcelSheet() { 
     var i, j, str, 
       myTable = document.getElementById('mytable'), 
       rowCount = myTable.rows.length, 
       excel = new ActiveXObject('Excel.Application');// Activates Excel 
     excel.Workbooks.Add(); // Opens a new Workbook 
     excel.Application.Visible = true; // Shows Excel on the screen 
     for (i = 0; i < rowCount; i++) { 
      for (j = 0; j < myTable.rows[i].cells.length; j++) { 
       str = myTable.rows[i].cells[j].innerText; 
       excel.ActiveSheet.Cells(i + 1, j + 1).Value = str; // Writes to the sheet 
      } 
     } 
     return; 
    } 
</script>

HTML：

<table id ="myTable" > 
      <tr> 
       <td>1</td> 
       <td>Jan</td> 
       <td>01/04/2012</td> 
       <td>Approved</td> 
      </tr> 
      <tr> 
       <td>2</td> 
       <td>Feb</td> 
       <td>01/04/2012</td> 
       <td>Approved</td> 
      </tr> 
     </table> 
     <form> 
      <input type="button" onclick="CreateExcelSheet();" value="Create Excel Sheet" > 
     </form>

来源

2013-03-22 rockstar

ActiveXObjects是Internet Explorer中只，远我所知。 – hexblot 2013-03-22 09:44:53

您可以从服务器端创建excel。你使用什么服务器端语言？ – Sharun 2013-03-22 09:50:51

@hexblot我想你是对的。我的朋友只是指出了我。我如何才能在所有的Web浏览器上工作？ – rockstar 2013-03-22 09:55:24

下面是答案：Export dynamic html table to excel in javascript in firefox browser通过insin

var tableToExcel = (function() { 
     var uri = 'data:application/vnd.ms-excel;base64,' 
     , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>' 
     , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) } 
     , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } 
     return function(table, name) { 
     if (!table.nodeType) table = document.getElementById(table) 
     var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} 
     window.location.href = uri + base64(format(template, ctx)) 
     } 
    })()

来源

2013-03-22 11:03:02 Sharun

它在Mozilla中工作正常，但在IE中不起作用任何想法 – Alz 2015-02-04 05:09:29

要回答有关IE的问题（由于声誉重新定义，我无法在评论框中回答），Sharun发布的上述代码将无法在IE 10+（'permission denied'错误）上运行。这里有一个片段，将在IE浏览器10+与旧版本的IE，Chrome浏览器和FF一起：

var TableToExcel = (function() { 
    var uri = 'data:application/vnd.ms-excel;base64,' 
    , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table cellspacing="0" rules="rows" border="1" style="color:Black;background-color:White;border-color:#CCCCCC;border-width:1px;border-style:None;width:100%;border-collapse:collapse;font-size:9pt;text-align:center;">{table}</table></body></html>' 
    , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) } 
    , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) } 
    return function (table, name) { 
     if (!table.nodeType) table = document.getElementById(table) 
     var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML } 
     if (navigator.msSaveBlob) { 
      var blob = new Blob([format(template, ctx)], { type: 'application/vnd.ms-excel', endings: 'native' }); 
      navigator.msSaveBlob(blob, 'export.xls') 
     } else { 
      window.location.href = uri + base64(format(template, ctx)) 
     } 
    } 
})()

来源

2015-07-14 12:50:11 Ph0b0x

你可以使用这个好的库：https://github.com/jmaister/excellentexport

来源

2017-03-15 20:46:37 artamonovdev

但它显示一个警告消息开始打开文件。 – rafidheen 2017-07-06 06:03:57

 $("#btnExport").click(function(e) { 
       e.preventDefault(); 

      //getting data from table 
      var data_type = 'data:application/vnd.ms-excel'; 
      var table_div = document.getElementById('table_wrapper');//table_wrapper is table id 
      var table_html = table_div.outerHTML.replace(/ /g, '%20'); 

      var a = document.createElement('a'); 
      a.href = data_type + ', ' + table_html; 
      a.download = 'table_name_' + Math.floor((Math.random() * 9999999) + 1000000) + '.xls'; 
      a.click(); 
      });

来源

2017-11-23 05:52:44

使用jquery从html表生成Excel表格

回答

相关问题