使用表头中的ID或类标记将HTML表导出到Excel

时间:2015-09-11 14:07:47

标签: javascript jquery html excel

我的网页上有一个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>

如果你能帮助我,我将不胜感激,并告诉我如何调整我的代码以便将其导出。

1 个答案:

答案 0 :(得分:3)

我用这种方式解决了这个问题:

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

我希望它可以帮到你。