html table表格导入excel文件的方法

deepseek 给出的回答，使用 SheetJS(xlsx.js)库



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button onclick="exportToExcel()">导出Excel</button>
    <table id="exportTable">
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Points</th>
          </tr>
          <tr>
            <td rowspan="3">Jill</td>
            <td>Smith</td>
            <td>50</td>
          </tr>

          <tr>
            <td>Smith</td>
            <td>50</td>
          </tr>

          <tr>
            <td>Smith</td>
            <td>50</td>
          </tr>
    </table>

    <script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>
    <script>
    function exportToExcel() {
    // 获取表格元素
    const table = document.getElementById('exportTable');

    // 将表格转换为工作簿
    const wb = XLSX.utils.table_to_book(table);

    // 生成Excel文件并下载
    XLSX.writeFile(wb, '表格数据.xlsx');
    }
    </script>
</body>
</html>

实测效果

html页面

导出的excel文件

posted @ 2025-06-26 00:44  imzhi  阅读(48)  评论(0)    收藏  举报