前端:导出表格

news/2024/7/5 1:38:56

核心代码:

function handleExport(HTML,title){
var uri = 'data:application/vnd.ms-excel;base64,';
        var template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel"' +
          'xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>'
          + '<x:Name>Sheet1</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets>'
          + '</x:ExcelWorkbook></xml><![endif]-->' +
          '</head><body>' + HTML + '</body></html>';
        var a = document.createElement("a");
        a.href = uri + window.btoa(unescape(encodeURIComponent(template)));
        a.download = title+".xls";
        a.target = "";
        document.body.appendChild(a).click();
        document.body.removeChild(a);
}

代码解析:HTML为表格部分的html代码,title为要导出表格的名称

HTML实例:(基本的表格结构要有)

<table>

        <thead><tr><th>表头名称</th></tr></thead>

        <tbody><tr><td>表格内容</td></tr></tbody>

</table>

细节解析:

①导出表格要调整样式,直接在HTML中增加css代码就可以了

②若要导出数值以文本形式呈现,不展示为科学计数法的形式,可以在HTML中使用

<table style="vnd.ms-excel.numberformat:@"></table>

③导出为excel形式会有最大列数限制,这个受excel版本的影响


http://lihuaxi.xjx100.cn/news/2157311.html

相关文章

使用SquareLine Studio创建LVGL项目到IMX6uLL平台

文章目录 前言一、SquareLine Studio是什么&#xff1f;二、下载安装三、工程配置四、交叉编译 前言 遇到的问题&#xff1a;#error LV_COLOR_DEPTH should be 16bit to match SquareLine Studios settings&#xff0c;解决方法见# 四、交叉编译 一、SquareLine Studio是什么…

Docker-compose部署Alertmanager+Dingtalk+Prometheus+Grafana实现钉钉报警

部署监控 version: 3.7services: #dingtalkdingtalk:image: timonwong/prometheus-webhook-dingtalk:latestcontainer_name: dingtalkrestart: alwayscommand:- --config.file/etc/prometheus-webhook-dingtalk/config.ymlvolumes:- /data/monitor/dingtalk/config.yml:/etc/p…

洛谷P4447 [AHOI2018初中组] 分组(C++代码讲解)

1.题目 题目描述&#xff1a; 小可可的学校信息组总共有 n 个队员&#xff0c;每个人都有一个实力值 ai​。现在&#xff0c;一年一度的编程大赛就要到了&#xff0c;小可可的学校获得了若干个参赛名额&#xff0c;教练决定把学校信息组的 n 个队员分成若干个小组去参加这场比…

Linux_Debian学习笔记

文章目录 系统管理软件源Debian11debian11 ustc中国科技大学软件源debian11 清华大学软件源debian11 阿里云软件源 Debian12debian12 清华大学软件源 系统全局设置debian12 修改静态IP地址修改语言环境成中文 系统输入法Debian11 fcxe 安装rime中州韵五笔输入法 常用软件安装Do…

【Unity添加远程桌面】使用Unity账号远程控制N台电脑

设置地址&#xff1a; URDP终极远程桌面&#xff1b;功能强大&#xff0c;足以让开发人员、设计师、建筑师、工程师等等随时随地完成工作或协助别人https://cloud-desktop.u3dcloud.cn/在网站登录自己的Unity 账号上去 下载安装被控端安装 保持登录 3.代码添加当前主机 "…

AI技术创业机会之智慧城市与智慧交通

人工智能(AI)技术的创新与发展为智慧城市与智慧交通领域带来了革命性的变革,为创业者创造了大量创新与创业机会。以下详述了智慧城市与智慧交通背景下AI技术的创业机会及其具体细节与内容,以5000字篇幅深入剖析各细分领域,为有志于投身这一领域的创业者提供全面、深入的商…

深入理解JVM垃圾收集器

相关系列 深入理解JVM垃圾收集算法-CSDN博客 目前市面常见的垃圾收集器有Serial、ParNew、Parallel、CMS、Serial Old、Parallel Old、G1、ZGC以及有二种不常见的Epsilon、Shenandoah的&#xff0c;从上图可以看到有连线的的垃圾收集器是可以组合使用&#xff0c;是年轻代老年代…

AGI(通用人工智能Artificial General Intelligence)知识点

通用人工智能AGI知识点 AGI1. prompt提示工程是什么&#xff1f;2. 怎么构建prompt&#xff1f;2. Prompt怎么防注入&#xff1f;3. Function Calling是什么&#xff1f;10. Agent是什么如果处理添加多个Agent&#xff1f;4. RAG是什么&#xff1f;构建 RAG 模型的步骤&#xf…