JQuery 導出到 excel 無法正常工作

Question

我正在開發一個使用 JQuery 插件將 HTML 表導出到 excel 的頁面。 （ https://github.com/rainabba/jquery-table2excel ）。

由於某種原因，當單擊按鈕時絕對沒有任何反應。 我已經確定了我的表，並調用了我的函數，所以我不知道為什么這段代碼不起作用。

查看~（濃縮）

<div class="row">
  <div class="col-md-2">
    <a onclick="return ResultsToTable()" class="btn btn-default">Export</a>
  </div>
  <div class=col-md-10></div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"><script>

<script src="~/js/jquery.table2excel.js"></script>

<script type="text/javascript">
  function ResultsToTable(){
            $("#resultsTable").table2excel({
                exclude: ".noExl",
                name: "Results"
            });
        };
 </script>

 <table id="resultsTable">
    //table stuff
  </table>

Answer 1

更正： <script src="~/js/jquery.table2excel.js"></script >

看起來您沒有正確加載庫。 我想應該是：

<script src="/js/jquery.table2excel.js"></script>

但使其適應文件夾的正確結構

Answer 2

如果我沒記錯 jquery.table2excel.js ATM 不能正常工作。 我嘗試從 repo 運行演示，但它對我不起作用。

我嘗試了一下，找到了解決方案：

https://github.com/rainabba/jquery-table2excel/pull/13

檢查這個JSFiddle
（注意使用的是固定版本，見HTML頂部的腳本包含）

只是為了合規，JS代碼：

jQuery(document).ready(function() {
    $('#export-btn').on('click', function(e){
        e.preventDefault();
        ResultsToTable();
    });

    function ResultsToTable(){    
        $("#resultsTable").table2excel({
            exclude: ".noExl",
            name: "Results"
        });
    }
});

Answer 3

您可以使用此代碼段導出 Excel 文件。

查看此https://jsfiddle.net/santoshgawande/2fcsq7o6/1/

它工作正常。

 var Results = [ ["Col1", "Col2", "Col3", "Col4"], ["Data", 50, 100, 500], ["Data", -100, 20, 100], ]; exportToCsv = function() { var CsvString = ""; Results.forEach(function(RowItem, RowIndex) { RowItem.forEach(function(ColItem, ColIndex) { CsvString += ColItem + ','; }); CsvString += "\r\n"; }); CsvString = "data:application/vnd.ms-excel," + encodeURIComponent(CsvString); var x = document.createElement("A"); x.setAttribute("href", CsvString ); x.setAttribute("download","Data.xlsx"); document.body.appendChild(x); x.click(); }

 <button onclick="exportToCsv()">export to CSV</button>