使用javascript將大型html表格導出到excel

Question

我正在使用以下代碼從 html 表生成 excel 文件，它適用於小規模數據集，當涉及大型 html 表數據集時，它顯示下載錯誤。

   //creating a temporary HTML link element (they support setting file names)
    var a = document.createElement('a');
    //getting data from our div that contains the HTML table
    var data_type = 'data:application/vnd.ms-excel';
    var table_div = document.getElementById('dataTable');
    var table_html = table_div.outerHTML.replace(/ /g, '%20');
    a.href = data_type + ', ' + table_html;
    //setting the file name
    a.download = 'Sample.xls';
    //triggering the function
    a.click();
    //just in case, prevent default behaviour
    e.preventDefault();  

Answer 1

我找到了一種使用FileSaver.js 1解決此問題的方法： https : //github.com/eligrey/FileSaver.js/請檢查以下內容

HTML

Javascript

對於 HTML 表格的大數據集，這對我來說很好用。

Answer 2

由於有很多 DOM 元素，解析大型 HTML 表可能會非常慢。 請考慮使用像這樣的純 HTML5 畫布數據網格（ https://github.com/openfin/fin-hypergrid ）或類似的東西。

還要考慮保存為 CSV 是否比保存為 xls 更快。