原生js 导出excel

使用原生js导出，不需要插件
动手试过，确实可行

<!DOCTYPE html>
<html>
<head>
</head>
<body><button onclick='tableToExcel()'>导出</button><script>  const tableToExcel = () => {// 要导出的json数据const jsonData = [{name:'张三',phone:'123456',email:'1111111'},{name:'李四',phone:'123456',email:'2222222'},{name:'王五',phone:'123456',email:'3333333'},{name:'赵六',phone:'123456',email:'4444444'},]// 列标题 ----和数据顺序对应let str = '<tr><td>姓名</td><td>电话</td><td>邮箱</td></tr>';// 循环遍历，每行加入tr标签，每个单元格加td标签for(let i = 0 ; i < jsonData.length ; i++ ){str+='<tr>';for(const key in jsonData[i]){// 增加\t为了不让表格显示科学计数法或者其他格式str+=`<td>${ jsonData[i][key] + '\t'}</td>`;     }str+='</tr>';}// Worksheet名const worksheet = 'Sheet1';//sheet名字const uri = 'data:application/vnd.ms-excel;base64,';// 下载的表格模板数据const 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编码const base64 = s => window.btoa(unescape(encodeURIComponent(s)));</script>
</body>
</html>

原生js 导出excel相关推荐

原生Js导出Excel文件
我们在开发过程中会遇到下载excel文件的需求,特别是后台管理的项目. 首先我们先安装一下组件 npm install js-export-exceloryarn add js-export-exce ...
原生js导出excel表格，0开头的字符串自动去掉转换成数字
解决方式.优化方式: // 解决excel下载前边的0消失问题 ' ' + value + ' ' 但是此方式导出的excel表格会有警告:该内容前后有空字符串,会影响计算优化解决方式: <t ...
浏览器端JS导出EXCEL
浏览器端JS导出EXCEL FileSaver.js 实现了在本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器支持文件保存.FileSaver.js 在客户端保存文件 ...
通过javascript获取sharepoint数据，使用JS导出Excel
通过网页将数据导出到Excel是常见需求,使用服务器端导出,开发周期长,部署麻烦.这里推荐一种客户端导出方法. 客户端导出与Sharepoint无关.这里附带使用场景基于SP,因为SP自带的导出功能比 ...
chrome浏览器使用js导出Excel出现网络错误
使用js 导出Excel由于数据量太大导致出现网络错误,如图所示: 解决办法: 表格绘制完成后,使用 Blob let blob = new Blob([format(template, ctx]); ...
四种利用js导出Excel的方法（兼容IE6+、主流浏览器、支持复杂表头和合并单元格）
因为项目需求变更,最后决定使用做JS导出Excel,网上看了很多的帖子和例子,很多的例子并不能满足需求( 处理复杂表头,兼容主流浏览器,兼容IE等等).所以,自己找了几个比较不错的例子,在其基础上结合 ...
关于IE8浏览器JS导出excel，要使导出列宽度按自己控制。
关于IE8浏览器JS导出excel,要使导出列宽度按自己控制. function getExplorer() { var explorer = window.navigator.userAgent ; ...
纯js导出Excel文件（无需引入插件）
纯js导出Excel文件(无需引入插件) 提示:代码没有来得及整理,大致代码都在这里 let thlist = [[{text: '序号', rowspan: '2'},{text: '姓名', ro ...
js导出excel（js-export-excel）
js导出excel表格这个需求在后台管理系统中很常见, 我们使用js-export-excel进行excel的导出首先在我们的项目中安装这个包 npm install js-export-exce ...

原生js 导出excel

原生js 导出excel相关推荐

最新文章

热门文章