jquery把页面<table>里的内容导出为后缀名为.xlsx的excel

要使用jQuery将表格内容导出为.xlsx格式的Excel文件,可以使用FileSaver.jsxlsx.js(或xlsx.full.min.js)这两个库。以下是实现这一功能的示例代码:

  1. 首先,在HTML页面中引入必要的JavaScript库:



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.2/xlsx.full.min.js"></script>
  1. 接下来,编写导出功能的jQuery代码:



function exportTableToExcel(tableID, filename = ''){
    var table = $('#' + tableID).clone();
    table.find('td:last-child').remove(); // 移除最后一列(假设为操作列)
    table.find('th:last-child').remove(); // 移除最后一列的表头
 
    var ws = XLSX.utils.table_to_sheet(table[0]);
    
    var wb = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(wb, ws, filename);
    
    var wbout = XLSX.write(wb, {bookType: 'xlsx', type: 'binary'});
    
    function s2ab(s) {
        var buf = new ArrayBuffer(s.length);
        var view = new Uint8Array(buf);
        for (var i = 0; i < s.length; i++) view[i] = s.charCodeAt(i) & 0xFF;
        return buf;
    }
    
    saveAs(new Blob([s2ab(wbout)], {type: 'application/octet-stream'}), filename + '.xlsx');
}
 
// 使用方法:
$(document).ready(function(){
    $('#export-btn').click(function(){
        exportTableToExcel('your-table-id', 'your-filename');
    });
});
  1. 在HTML中添加一个按钮来触发导出操作:



<button id="export-btn">导出为Excel</button>

确保你的表格元素有一个ID,如上例中的your-table-id,并且在调用exportTableToExcel函数时将其作为第一个参数,同时可以指定一个文件名作为第二个参数。

请注意,上述代码假设表格中的最后一列是不需要导出的操作列,如果你的表格结构不同,请相应地修改代码。

最后修改于:2024年08月09日 12:09

评论已关闭

推荐阅读

DDPG 模型解析,附Pytorch完整代码
2024年11月24日
DQN 模型解析,附Pytorch完整代码
2024年11月24日
AIGC实战——Transformer模型
2024年12月01日
Socket TCP 和 UDP 编程基础(Python)
2024年11月30日
python , tcp , udp
如何使用 ChatGPT 进行学术润色?你需要这些指令
2024年12月01日
AI
最新 Python 调用 OpenAi 详细教程实现问答、图像合成、图像理解、语音合成、语音识别(详细教程)
2024年11月24日
ChatGPT 和 DALL·E 2 配合生成故事绘本
2024年12月01日
omegaconf,一个超强的 Python 库!
2024年11月24日
【视觉AIGC识别】误差特征、人脸伪造检测、其他类型假图检测
2024年12月01日
[超级详细]如何在深度学习训练模型过程中使用 GPU 加速
2024年11月29日
Python 物理引擎pymunk最完整教程
2024年11月27日
MediaPipe 人体姿态与手指关键点检测教程
2024年11月27日
深入了解 Taipy:Python 打造 Web 应用的全面教程
2024年11月26日
基于Transformer的时间序列预测模型
2024年11月25日
Python在金融大数据分析中的AI应用(股价分析、量化交易)实战
2024年11月25日
AIGC Gradio系列学习教程之Components
2024年12月01日
Python3 `asyncio` — 异步 I/O,事件循环和并发工具
2024年11月30日
llama-factory SFT系列教程:大模型在自定义数据集 LoRA 训练与部署
2024年12月01日
Python 多线程和多进程用法
2024年11月24日
Python socket详解,全网最全教程
2024年11月27日