js 实现将数据导出excel,亲测有效
2018-10-06 09:59
246 查看
<html> <head> <p style="font-size: 20px;color: red;">使用table标签方式将json导出xls文件</p> <button onclick='tableToExcel()'>导出</button> </head> <body> <script> function tableToExcel(){ //要导出的json数据 var jsonData = [ { name:'路人甲', phone:'123456', email:'123@123456.com' }, { name:'炮灰乙', phone:'123456', email:'123@123456.com' }, { name:'土匪丙', phone:'123456', email:'123@123456.com' }, { name:'流氓丁', phone:'123456', email:'123@123456.com' }, ] //列标题 var str = '<tr><td>姓名</td><td>电话</td><td>邮箱</td></tr>'; //循环遍历,每行加入tr标签,每个单元格加td标签 for(let i = 0 ; i < jsonData.length ; i++ ){ str+='<tr>'; for(let item in jsonData[i]){ //增加\t为了不让表格显示科学计数法或者其他格式 str+=`<td>${ jsonData[i][item] + '\t'}</td>`; } str+='</tr>'; } //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))) } </script> </body> </html>
相关文章推荐
- js实现导出数据到excel
- js实现导出数据到excel
- 通过js实现纯前端将数据导出excel
- 实现GridView中的数据的打印和导出到Excel
- 实现GridView中的数据的打印和导出到Excel
- Lotus Domino 实现将视图中的数据导出到Excel中---http://www.blogjava.net/17learning/archive/2012/01/05/367933.html
- SQL Server数据表在编程中实现导出EXCEL的几种方法
- 将GridView数据导出到Excel实现
- C#实现数据导出Excel工作表
- struts2结合poi-3.7实现数据导出为excel
- js实现导出excel(可以导出表格线)
- 轻松实现SQL Server与Access、Excel数据表间的导入导出
- 轻松实现SQL Server与Access、Excel数据表间的导入导出
- PHPEXCEL结合MYSQL+PHP实现数据库数据导出EXCEL实例
- JS导出table数据到excel问题-Automation 服务器不能创建对象
- JSP从数据库导出数据到Excel下载的实现
- GridView中如何实现导出含DropdownList、TextBox,实现分页及导出Excel数据
- js 实现table导出到excel
- 将Table数据导出至Excel文件(中国移动实现的方式)
- 利用TOAD实现EXCEL数据在oracle的导入导出