html 导出 excel 设置单元格文本格式 -- 2

2023年1月2日 206次阅读来源: 笑望灬星辰

html 导出 excel 设置单元格文本格式 – 2

效果如下图
《html 导出 excel 设置单元格文本格式 -- 2》

导出时不设置单元格的文本格式的话会默认导出为常规的文本格式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html导出excel-2</title>
    <script src="./Blob.js"></script>
    <script src="./FileSaver.js"></script>
    <script src="./tableExport.js"></script>
    <style> </style>
</head>
<body>
    <table style="background:red" id="pdf">
        <tr>
            <td>编号</td>
            <td>学校</td>
            <td>开设专业数</td>
        </tr>
        <tr>
            <td>0001</td>
            <td>北京大学</td>
            <td>100个</td>
        </tr>
        <tr>
            <td>0002</td>
            <td>清华大学</td>
            <td>200个</td>
        </tr>
        <tr>
            <td>0003</td>
            <td>深圳大学</td>
            <td>300个</td>
        </tr>
        <tr>
            <td>0004</td>
            <td>浙江大学</td>
            <td>400个</td>
        </tr>
    </table>
    <button onclick="ss()" style="margin-top: 20px;">导出</button>
    <script> function ss(){  tableExport('pdf', '大学-专业开设数', 'xls') } </script>
</body>
</html>