前端原生html表格转exsel表格简单实现

最新推荐文章于 2024-05-21 12:27:17 发布

machenggang123

最新推荐文章于 2024-05-21 12:27:17 发布

阅读量405

点赞数 8

文章标签：前端 html javascript

本文链接：https://blog.csdn.net/machenggang123/article/details/135998721

版权

只需要你调用下面的方法,传入一个表格元素id,加一个文件名就行

function tableToXlsx(id, filename) {
    if(!filename)  filename = document.querySelector('title').innerText || ''
    let table = ''
    if(document.getElementById(id)){
        table = document.getElementById(id)
    }else{
        table = document.querySelector('table')
    }
    const uri = 'data:application/vnd.ms-excel;base64,', 
    template = `<html><head><meta charset="UTF-8"></head><body><table border="1" style="text-align: center;">
    ${table.innerHTML}</table></body></html>`;
     const a = document.createElement('a'); 
     document.body.appendChild(a);
     a.href = uri + window.btoa(unescape(encodeURIComponent(template))); 
     a.download = filename; 
     a.click(); 
     document.body.removeChild(a);
}