使用表頭中的ID或類標記將HTML表導出到Excel

Question

我在我的網頁上有一個HTML表格，當使用JQuery將其導出到Excel時，如果表頭中有任何id或類標簽，它將無法工作。

我正在使用的JQuery是

//wont work unless the table has no class or id
$("#btnExport").click(function (e) {
window.open('data:application/vnd.ms-excel,' + $("#tableForExcel").html());
e.preventDefault();
});

我正在使用的表是

<table id='SearchTable' class='table table-bordered table-striped table-hover table blue '>
<tr>
<th class='ReportManager'>Report Manager</th>
<th class='ReportDetail'>Report Detail</th>
<th class='Form'>Form</th>

</tr>
<tr>
<td class='ReportManager'></td>
<td class='ReportDetail'></td>
<td class='Form'></td>

</tr>
<tr>
<td class='ReportManager'></td>
<td class='ReportDetail'></td>
<td class='Form'></td>

</tr>
</table>

如果你能幫助我，我將不勝感激，並告訴我如何調整我的代碼以使其導出。

Answer 1

我用這種方式解決了這個問題：

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

我希望它對你有所幫助。