前端页面直接导出Excel方案

m0_59324006

于 2024-01-24 16:36:56 发布

阅读量806

点赞数 9

文章标签： js javascript 前端

本文链接：https://blog.csdn.net/m0_59324006/article/details/135824766

版权

本文介绍了如何使用纯原生JavaScript在网页上生成.xls格式的Excel文件，以及推荐使用vue组件xlsx和file-saver实现xlsx格式导出，包括单表和多表导出的示例。

摘要由CSDN通过智能技术生成

方案1

纯原生js在页面实现导出 .xls格式


    toContentPrintExcel22(e) {
      // 获取页面内容
      this.name = this.$t(this.selectReport.name);

      // 打印内容部分-区分类型，利润和其他
      let tableHtml = document.querySelectorAll('#excelContent table')[0].innerHTML;
    
      // 创建a标签
      const linkNode = document.createElement('a');
      linkNode.download = this.name;
      linkNode.style.display = 'none';

      // 利用Blob对象将字符内容转变成二进制数据
      const exportHtml = `<!DOCTYPE html>
                    <html lang="en">
                    <head>
                    <meta charset="UTF-8">
                    <title>Title</title>
                    <style>
                      font-family: 宋体;
                      table{
                          text-align:center;
                      }
                    </style&