JS 将表格table导出excel

function tableToExcel(id)
{
    var tb = document.getElementById(id);
    var html = ‘<html><head><meta charset="UTF-8"></head><body><table>‘ + tb.innerHTML + ‘</table></body></html>‘;

    html = window.btoa(unescape(encodeURIComponent(html)));

    var uri = ‘data:application/vnd.ms-excel;base64,‘ + html;
    window.location.href = uri;
}

时间： 2024-10-01 06:31:21

JS 将表格table导出excel的相关文章

支持IE，FireFox，Chrome三大主流浏览器，通过js+Flash方式将table导出Excel文件

今天在做项目的时候,遇到了前端下载Excel的功能,结果原先的代码,如下: function generate_excel(tableid) { var table = document.getElementById(tableid); var html = table.outerHTML; window.open('data:application/vnd.ms-excel;base64,' + base64_encode(html)); } 此种

将页面中表格数据导出excel格式的文件（vue）

近期由于项目需要,需要将页面中的表格数据导出excel格式的文件,折腾了许久,在网上各种百度,虽然资料不少,但是大都不全,踩了许多坑,总算是皇天不负有心人,最后圆满解决了. 1.安装相关依赖(npm安装可能会出现某些错误,可以使用cnpm): npm install file-saver --save // 保存文件用 npm install xlsx --save // 转二进制用 npm install script-loader --save-dev // xlsx核心文件 2.下载两个核

前端表格数据导出excel

使用tableExport.js导出bootstrap-table表格成excel并且支持中文 1. 下载tableExport.js https://github.com/hhurz/tableExport.jquery.plugin 2. 修改tableExport.js文件,使其支持中文 /*The MIT License (MIT) Original work Copyright (c) 2014 https://github.com/kayalshri/ Modified work

超级好用的网页table 导出excel

最近发现一个封装的js插件导出网页中的table 为excel 超级好用,基本不用写代码 (function ($) { Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+&qu

Vue2.0---将页面中表格数据导出excel （详细）

这是教程项目中,后台数据生成的表格如何导出成excel? 一.需要安装三个依赖: npm install -S file-saver xlsx npm install -D script-loader 二.项目中新建一个文件夹:(vendor---名字任取) 里面放置两个文件Blob.js 和 Export2Excel.js. 百度可下载. 三.在.vue文件中写这两个方法:其中list是表格的内容 export2Excel() { require.ensure([], () =>

js 前端 table 导出 excel

园子,github,stackoverflow 关于前端下载的文章不少园子里大部分都是利用ActiveXObject对象来实现,可他有个缺点安全等级,还有必须安装excel…… github,stackoverflow 有点高大上了,几乎全是英文……无奈只能看看代码了,还好找到了一个比较好的方法直接上代码:还是看原文好 https://github.com/rainabba/jquery-table2excel http://stackoverflow.com/questions/171

Vue2.0---将页面中表格数据导出excel

这不是教程,是随笔. 项目中将后台返回的数据v-repeat到表格中,然后需要将这个表格导出为EXCEL 只说怎么做. 一.需要安装三个依赖: npm install -S file-saver xlsx npm install -D script-loader 二.项目中新建一个文件夹:(vendor---名字任取) 里面放置两个文件Blob.js和 Export2Excel.js. 百度可下载. 三.在.vue文件中写这两个方法:其中list是表格的内容 export2Excel(

JS实现表格Table动态添加删除行

1.页面内容 <table style="border:1px ; width:100%; height:160px"> <THEAD> <TR> <TH height="10px">姓名</TH> <TH height="10px">

ASP.net MVC把Html Table导出Excel

[HttpPost] public ActionResult ExportExcel(FormCollection form) { string strHtml = form["hHtml"]; strHtml = HttpUtility.HtmlDecode(strHtml);//Html解码 byte[] b = System.Text.Encoding.Default.GetBytes(strHtml);//字串转byte阵列 return File(b, "appli