使用 JQuery 将 HTML 导出到 Excel答案

【问题标题】：Export HTML to Excel using JQuery使用 JQuery 将 HTML 导出到 Excel
【发布时间】：2016-06-30 11:51:00
【问题描述】：

以下代码工作正常。但是当我像这样使用<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();
});

【问题讨论】：

我检查了你的代码，它在我的最后工作。请检查您最后的php版本。你在哪个浏览器中测试这个？
@Ashish Chrome 和 PHP 版本：5.3
@Ashish 我的意思是当我使用时它工作正常。 bt 如果我使用
它将导出到 excel/ 但不是正确的格式

@Ashish 通过添加
这个而不添加这个 jsfiddle.net/lesson8/jWAJ7/light 来试试这个代码

数据URI需要进行URI编码。 window.open('data:application/vnd.ms-excel,' + encodeURI($('#dvData').html()));