js 导出table数据到Excel 解决Excel无网格问题

<html>

<head>

    <table id="table" border="1">

        <tr>

            <th>Header 1</th>

            <th>Header 2</th>

        </tr>

        <tr>

            <td>row 1, cell 1</td>

            <td>row 1, cell 2</td>

        </tr>

        <tr>

            <td>row 2, cell 1</td>

            <td>row 2, cell 2</td>

        </tr>

    </table>

    <button οnclick='tableToExcel()'>导出</button>

</head>

<body>

    <script>

        function tableToExcel() {

            var tableName = "xx表格导出";

            var table = document.getElementById("table").outerHTML;

            var exportFileContent = '<html xmlns:x="urn:schemas-microsoft-com:office:excel"><head><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>'+tableName+'</x:Name><x:WorksheetOptions><x:Print><x:ValidPrinterInfo /></x:Print></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml></head>'+table +'</html>';

            var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});

            blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});

            var link = window.URL.createObjectURL(blob);

            var a = document.createElement("a");

            a.download = tableName +".xls";

            a.href = link;

            document.body.appendChild(a);

            a.click();

            document.body.removeChild(a);

        }

    </script>

</body>

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值