将HTML表格导出为具有格式的excel

时间:2019-06-12 07:53:39

标签: javascript excel html-table sheetjs

我正在创建一个将数据上传到HTML表的网页。经过一些计算后,将生成一个输出HTML表。该输出HTML表必须以Excel(.xlsx)格式转储。我正在使用SheetJS库进行上传和下载。

我尝试了以下代码,该代码无需任何格式即可将数据导出到excel。

HTML表格代码:-(计算后输出HTML)

<table border="1" id="tempTable">
    <thead>
        <tr>
            <th style="border:1px solid #000000;border-collapse: collapse">Column1</th>
            <th style="border:1px solid #000000;border-collapse: collapse">Column2</th>
            <th style="border:1px solid #000000;border-collapse: collapse">Column3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="border:1px solid #000000;border-collapse: collapse">R1C1</td>
            <td style="border:1px solid #000000;border-collapse: collapse">R1C2</td>
            <td style="border:1px solid #000000;border-collapse: collapse">R1C3</td>
        </tr>
        <tr>
            <td style="border:1px solid #000000;border-collapse: collapse">R2C1</td>
            <td style="border:1px solid #000000;border-collapse: collapse">R2C2</td>
            <td style="border:1px solid #000000;border-collapse: collapse">R2C3</td>
        </tr>
    </tbody>
</table>

JavaScript代码:-(帮助我导出数据的功能)

function ExportAllData_HTML(){
        var wb = {SheetNames:[],Sheets:{}};
        var ws9 = XLSX.utils.table_to_sheet(document.getElementById('tempTable'),{raw:true});
        wb.SheetNames.push('Temp Table'); wb.Sheets["Temp Table"] = ws9;
        XLSX.writeFile(wb,"myTemp.xlsx",{cellStyles:true});
}

我搜索后发现,导出数据时只有内联CSS起作用。但这似乎也不起作用。

我无法使用已应用的CSS将数据导出到Excel。

还有其他方法可以使用已应用的CSS导出数据。

0 个答案:

没有答案