Question

以下代码工作正常。但是当我像这样使用<table width=100% id="tb">时，它无法正常工作。这是为什么？它将导出为excel但不是以适当的格式。有没有办法正确搞定？

HTML：

<input type="button" id="btnExport" value=" Export Table data into Excel " />
<br/>
<br/>
<div id="dvData">
    <table>
        <tr>
            <th>Column One</th>
            <th>Column Two</th>
            <th>Column Three</th>
        </tr>
        <tr>
            <td>row1 Col1</td>
            <td>row1 Col2</td>
            <td>row1 Col3</td>
        </tr>
        <tr>
            <td>row2 Col1</td>
            <td>row2 Col2</td>
            <td>row2 Col3</td>
        </tr>
        <tr>
            <td>row3 Col1</td>
            <td>row3 Col2</td>
            <td><a href="http://www.jquery2dotnet.com/">http://www.jquery2dotnet.com/</a>
            </td>
        </tr>
    </table>
</div>

JS：

$("#btnExport").click(function (e) {
   window.open('data:application/vnd.ms-excel,' + $('#dvData').html());
   e.preventDefault();
});

Answer 1

试试这个：

window.open('data:application/vnd.ms-excel,' +  encodeURIComponent($('#dvData').html()));

希望它有所帮助。

Answer 2

来源：Export HTML table to excel - using jQuery or Java

我会推荐Apache POI，我们多年来一直使用它，从未遇到过任何问题。

网上有很多例子可以帮助您获得良好的开端，网站上的文档也很好：http://poi.apache.org/spreadsheet/quick-guide.html

使用JQuery将HTML导出到Excel

2 个答案: