如何将HTML表导出为Excel

时间:2017-12-03 22:10:57

标签: javascript filesaver.js sheetjs

我正在尝试将HTML表导出到excel文件中。 因为我已经使用sheetjs导入excel文件,所以我一直在尝试使用它来导出。 搜索互联网,似乎只能与filesaver.js一起使用。 以下是我一直在尝试的但没有成功。

var tbl = document.getElementById('tbl');
var wb = XLSX.utils.table_to_book(tbl);
console.log(wb)

var blob = new Blob([tbl], {
    type: "application/vnd.ms-excel;charset=charset=utf-8"
});
saveAs(blob, "Report.xls");
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 500px;
    margin: 50px 0 0 50px;
}

td,
th {
    border: 1px solid #cacaca;
    text-align: left;
    padding: 8px;
    background-color: #f5f5f5;
}

th {
    background-color: #dce0e3;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.11.6/xlsx.core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tbl">
    <tr>
        <th>Company</th>
        <th>Contact</th>
        <th>Country</th>
    </tr>
    <tbody>
        <tr>
            <td>Alfreds Futterkiste</td>
            <td>Maria Anders</td>
            <td>Germany</td>
        </tr>
        <tr>
            <td>Centro comercial</td>
            <td>Francisco Chang</td>
            <td>Mexico</td>
        </tr>
        <tr>
            <td>Ernst Handel</td>
            <td>Roland Mendel</td>
            <td>Austria</td>
        </tr>
        <tr>
            <td>Island Trading</td>
            <td>Helen Bennett</td>
            <td>UK</td>
        </tr>
        <tr>
            <td>Laughing Bacchus </td>
            <td>Yoshi Tannamuri</td>
            <td>Canada</td>
        </tr>
        <tr>
            <td>Magazzini Alimentari </td>
            <td>Giovanni Rovelli</td>
            <td>Italy</td>
        </tr>
    </tbody>
</table>

1 个答案:

答案 0 :(得分:0)

听起来你可能是在刮刀之后,我在这里找到了一个刮刀,这可能会让你朝着正确的方向前进:

http://analystcave.com/excel-scraping-html-regular-expression-continued/