导出网页表格数据为Excel文件的前端解决方案
2024-08-29 22:19:09
在工作中,我们有时会遇到这样的需求,比如:要把页面的表格数据导出为Excel文件。在此记录下自己用的解决方法。代码如下:
function tableToExcel(data){
//要导出的数据,table表格字符串
var str = data; //Worksheet名
var worksheet = 'Sheet1'
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>${worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>${str}</table></body></html>`;
//下载模板
window.location.href = uri + base64(template)
}
//输出base64编码
function base64(s) { return window.btoa(unescape(encodeURIComponent(s))) }
最新文章
- com.sun.xml.internal.ws.server.ServerRtException: Server Runtime Error: java.net.BindException: Cannot assign requested address: bind
- 攻城狮在路上(叁)Linux(二十四)--- linux设置开机挂载及镜像文件挂载
- MySQL数据库一个字段对应多个值得模糊查询
- Classes
- sharepoint 2010 切换域
- github实践操作
- Careercup - Facebook面试题 - 5671785349513216
- js 执行效率
- ajax返回son数据
- PowerDesigner 12.5 汉化破解完整版
- Java 实现折半查找
- crm使用FetchXml聚合查询
- 利用ffmpeg将H264解码为RGB
- ng-bind-html在ng-repeat中问题的解决办法
- 记录一次坑爹的VM连接主机的路程
- Windows下主机名和IP映射设置
- 体验CSDN-Markdown
- CoordTools
- tp3.2 支付宝手机网站支付
- 检查xml文件
热门文章
- light oj 1205(数位DP)
- 【194】Windows 上使用 wget
- 关于solr云相关知识
- Gym 100531G Grave(水题)
- UVa 12718 Dromicpalin Substrings (暴力)
- CentOS7.5 -- Ansible部署与应用
- HDU5996:dingyeye loves stone
- 【原创】《从0开始学Elasticsearch》—初识Elasticsearch
- PostgreSQL 9.6.2版本在centOS下的安装和配置
- Lightoj 1174 - Commandos (bfs)