Html table export Excel

最新推荐文章于 2023-12-21 14:35:09 发布
最新推荐文章于 2023-12-21 14:35:09 发布
阅读量363 收藏
点赞数
分类专栏： java工具类
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39891520/article/details/78787822
版权 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>html 表格导出道</title>
    <script language="JavaScript" type="text/javascript">
        //第一种方法
        function method1(tableid) {

            var curTbl = document.getElementById(tableid);
            var oXL = new ActiveXObject("Excel.Application");
            var oWB = oXL.Workbooks.Add();
            var oSheet = oWB.ActiveSheet;
            var sel = document.body.createTextRange();
            sel.moveToElementText(curTbl);
            sel.select();
            sel.execCommand("Copy");
            oSheet.Paste();
            oXL.Visible = true;

        }
        //第二种方法
        function method2(tableid) {

            var curTbl = document.getElementById(tableid);
            var oXL = new ActiveXObject("Excel.Application");
            var oWB = oXL.Workbooks.Add();
            var oSheet = oWB.ActiveSheet;
            var Lenr = curTbl.rows.length;
            for (i = 0; i < Lenr; i++) {
                var Lenc = curTbl.rows(i).cells.length;
                for (j = 0; j < Lenc; j++) {
                    oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText;

                }

            }
            oXL.Visible = true;
        }
        //第三种方法
        function getXlsFromTbl(inTblId, inWindow) {

            try {
                var allStr = "";
                var curStr = "";
                if (inTblId != null && inTblId != "" && inTblId != "null") {

                    curStr = getTblData(inTblId, inWindow);

                }
                if (curStr != null) {
                    allStr += curStr;
                }

                else {

                    alert("你要导出的表不存在");
                    return;
                }
                var fileName = getExcelFileName();
                doFileExport(fileName, allStr);

            }

            catch (e) {

                alert("导出发生异常:" + e.name + "->" + e.description + "!");

            }

        }

        function getTblData(inTbl, inWindow) {

            var rows = 0;
            var tblDocument = document;
            if (!!inWindow && inWindow != "") {

                if (!document.all(inWindow)) {
                    return null;
                }

                else {
                    tblDocument = eval(inWindow).document;
                }

            }

            var curTbl = tblDocument.getElementById(inTbl);
            var outStr = "";
            if (curTbl != null) {
                for (var j = 0; j < curTbl.rows.length; j++) {
                    for (var i = 0; i < curTbl.rows[j].cells.length; i++) {

                        if (i == 0 && rows > 0) {
                            outStr += " t";
                            rows -= 1;
                        }

                        outStr += curTbl.rows[j].cells[i].innerText + "t";
                        if (curTbl.rows[j].cells[i].colSpan > 1) {
                            for (var k = 0; k < curTbl.rows[j].cells[i].colSpan - 1; k++) {
                                outStr += " t";
                            }
                        }
                        if (i == 0) {
                            if (rows == 0 && curTbl.rows[j].cells[i].rowSpan > 1) {
                                rows = curTbl.rows[j].cells[i].rowSpan - 1;
                            }
                        }
                    }
                    outStr += "rn";
                }
            }

            else {
                outStr = null;
                alert(inTbl + "不存在 !");
            }
            return outStr;
        }

        function getExcelFileName() {
            var d = new Date();
            var curYear = d.getYear();
            var curMonth = "" + (d.getMonth() + 1);
            var curDate = "" + d.getDate();
            var curHour = "" + d.getHours();
            var curMinute = "" + d.getMinutes();
            var curSecond = "" + d.getSeconds();
            if (curMonth.length == 1) {
                curMonth = "0" + curMonth;
            }

            if (curDate.length == 1) {
                curDate = "0" + curDate;
            }

            if (curHour.length == 1) {
                curHour = "0" + curHour;
            }

            if (curMinute.length == 1) {
                curMinute = "0" + curMinute;
            }

            if (curSecond.length == 1) {
                curSecond = "0" + curSecond;
            }
            var fileName = "table" + "_" + curYear + curMonth + curDate + "_"
                + curHour + curMinute + curSecond + ".csv";
            return fileName;

        }

        function doFileExport(inName, inStr) {
            var xlsWin = null;
            if (!!document.all("glbHideFrm")) {
                xlsWin = glbHideFrm;
            }
            else {
                var width = 6;
                var height = 4;
                var openPara = "left=" + (window.screen.width / 2 - width / 2)
                    + ",top=" + (window.screen.height / 2 - height / 2)
                    + ",scrollbars=no,width=" + width + ",height=" + height;
                xlsWin = window.open("", "_blank", openPara);
            }
            xlsWin.document.write(inStr);
            xlsWin.document.close();
            xlsWin.document.execCommand('Saveas', true, inName);
            xlsWin.close();

        }

        //第四种
        function method4(tableid) {

            var curTbl = document.getElementById(tableid);
            var oXL;
            try {
                oXL = new ActiveXObject("Excel.Application"); //创建AX对象excel
            } catch (e) {
                alert("无法启动Excel!\n\n如果您确信您的电脑中已经安装了Excel，" + "那么请调整IE的安全级别。\n\n具体操作：\n\n" + "工具 → Internet选项 → 安全 → 自定义级别 → 对没有标记为安全的ActiveX进行初始化和脚本运行 → 启用");
                return false;
            }
            var oWB = oXL.Workbooks.Add(); //获取workbook对象
            var oSheet = oWB.ActiveSheet;//激活当前sheet
            var sel = document.body.createTextRange();
            sel.moveToElementText(curTbl); //把表格中的内容移到TextRange中
            sel.select(); //全选TextRange中内容
            sel.execCommand("Copy");//复制TextRange中内容
            oSheet.Paste();//粘贴到活动的EXCEL中
            oXL.Visible = true; //设置excel可见属性
            var fname = oXL.Application.GetSaveAsFilename("将table导出到excel.xls", "Excel Spreadsheets (*.xls), *.xls");
            oWB.SaveAs(fname);
            oWB.Close();
            oXL.Quit();
        }


        //第五种方法
        var idTmr;
        function getExplorer() {
            var explorer = window.navigator.userAgent;
            //ie
            if (explorer.indexOf("MSIE") >= 0) {
                return 'ie';
            }
            //firefox
            else if (explorer.indexOf("Firefox") >= 0) {
                return 'Firefox';
            }
            //Chrome
            else if (explorer.indexOf("Chrome") >= 0) {
                return 'Chrome';
            }
            //Opera
            else if (explorer.indexOf("Opera") >= 0) {
                return 'Opera';
            }
            //Safari
            else if (explorer.indexOf("Safari") >= 0) {
                return 'Safari';
            }
        }
        function method5(tableid) {
            if (getExplorer() == 'ie') {
                var curTbl = document.getElementById(tableid);
                var oXL = new ActiveXObject("Excel.Application");
                var oWB = oXL.Workbooks.Add();
                var xlsheet = oWB.Worksheets(1);
                var sel = document.body.createTextRange();
                sel.moveToElementText(curTbl);
                sel.select();
                sel.execCommand("Copy");
                xlsheet.Paste();
                oXL.Visible = true;

                try {
                    var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");
                } catch (e) {
                    print("Nested catch caught " + e);
                } finally {
                    oWB.SaveAs(fname);
                    oWB.Close(savechanges = false);
                    oXL.Quit();
                    oXL = null;
                    idTmr = window.setInterval("Cleanup();", 1);
                }

            }
            else {
                tableToExcel(tableid)
            }
        }
        function Cleanup() {
            window.clearInterval(idTmr);
            CollectGarbage();
        }
        var tableToExcel = (function () {
            var uri = 'data:application/vnd.ms-excel;base64,',
                template = '<html><head><meta charset="UTF-8"></head><body><table>{table}</table></body></html>',
                base64 = function (s) {
                    return window.btoa(unescape(encodeURIComponent(s)))
                },
                format = function (s, c) {
                    return s.replace(/{(\w+)}/g,
                        function (m, p) {
                            return c[p];
                        })
                }
            return function (table, name) {
                if (!table.nodeType) table = document.getElementById(table)
                var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
                window.location.href = uri + base64(format(template, ctx))
            }
        })()

    </script>
</head>
<body>

<div>
    <button type="button" οnclick="method1('tableExcel')">导出Excel方法一</button>
    <button type="button" οnclick="method2('tableExcel')">导出Excel方法二</button>
    <button type="button" οnclick="getXlsFromTbl('tableExcel','myDiv')">导出Excel方法三</button>
    <button type="button" οnclick="method4('tableExcel')">导出Excel方法四</button>
    <button type="button" οnclick="method5('tableExcel')">导出Excel方法五</button>
</div>
<div id="myDiv">
    <table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0">
        <tr>
            <td colspan="5" align="center">html 表格导出道Excel</td>
        </tr>
        <tr>
            <td>列标题1</td>
            <td>列标题2</td>
            <td>类标题3</td>
            <td>列标题4</td>
            <td>列标题5</td>
        </tr>
        <tr>
            <td>aaa</td>
            <td>bbb</td>
            <td>ccc</td>
            <td>ddd</td>
            <td>eee</td>
        </tr>
        <tr>
            <td>AAA</td>
            <td>BBB</td>
            <td>CCC</td>
            <td>DDD</td>
            <td>EEE</td>
        </tr>
        <tr>
            <td>FFF</td>
            <td>GGG</td>
            <td>HHH</td>
            <td>III</td>
            <td>JJJ</td>
        </tr>
    </table>
</div>
</body>
</html>

U58
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
tableExport_html表格导出excel等多种格式
12-05
tableExport_html表格导出excel等多种格式,只需要导入一个js就可以简单易用,支持多种格式
html导出excel，多sheet，支持不规则table。
08-10
大神提供的，经测试没问题。
纯前端table表格导出excel文件，两种方法
weixin_44438307的博客
01-10 815
先介绍第一种，因为第一种是直接获取dom节点的数据，可以直接快照形式捕获数据(比如获取过滤后或者格式化后的数据) 注意：依赖的版本，太高的话会报undefined import FileSaver from "file-saver"; import XLSX from "xlsx"; /** 导出按钮操作 */ exportExcel () { console...
前端将table导出excel表
oops
06-14 2182
通过前端将table数据导出excel表，js-export-excel插件
Table导出excel表格
2301_76315784的博客
09-19 242
(3) Ant表格中的pageSize设置为变量。给<table>标签添加id属性。在相关点击按钮的触发函数添加以下。(4) 在点击按钮所要触发的函数。下载xlsx并在页面导入。
将页面任意table内容导出为Excel
YY222222ZZ的博客
04-27 868
主要思路是获取table中行与列封装为二维数组,传入后端解析后保存为Excel。后端就比较简单了,根据前端传来的数组,一行一行的创建单元格。下面是工具类,内容主要都在循环中。
前端table导出excel表格方法汇总
卡卡罗特的博客
11-20 4116
前端导出Excel
tableExport.jquery.plugin：jQuery插件，用于将html表导出为JSON，XML，CSV，TSV，TXT，SQL，Word，Excel，PNG和PDF
02-04
tableExport.jquery.plugin 将HTML表格导出到 CSV DOC JSON格式 PDF格式 PNG SQL 硅通Kong 文本 XLS（Excel 2000 HTML格式） XLSX（Excel 2007 Office Open XML格式） XML（Excel 2003 XML电子表格格式） XML...
table转Excel，可导出图片，亲测有效
12-17
javascript代码可以将HTML的table表格转换成excel表格。var table = document.getElementById("table")[removed]; export2Excel(table, '导出.xls');
tableExport.js
05-10
jquery tableExport是一个表格信息导入的控件。该插件可以将Html的表格导出成为 JSON, XML, CSV, TSV, TXT, SQL, Word, Excel, PNG and PDF格式。
html表格导出excel有几种方式
终南有客-吾生也有涯，而知也无涯。
05-30 7977
html表格导出excel有几种方式
html table 如何导出为excel表格案例分享
跟着飞哥学编程（全栈联盟）
09-08 5794
html table 如何导出为excel表格案例分享
table 导出表格 Excel
Aucanon的博客
07-28 760
在 element 的表格组件中对选中的行进行导出。
Vue之table2excel应用--前端表格导出
c_x_m的博客
10-27 2268
前端将后台传过来的数据，自定义去导出，不仅减少了再次去loading后台接口的时间，而且提高的用户体验度。但弊端是只能是当前表格所获取到的所有信息。后来发现可以自定义编辑【红色框起来的就是我自己写的，但水平与垂直居中还是没有生效…②.可以发现，excel的默认设定属性，将preserveColors(保存颜色) 改为true。2.添加到Vue项目中【public->新建文件夹table2excel->添加到此处】注意：我截图的这部分是对td属性的设定，还有关于对tr属性的设定，看源码即可分辨出来。
vue3中Table导出Excel(二)--合并表头
cha12138的博客
12-21 1311
vue3中根据antdv的Columns导出合并表头的excel文件
table表格直接导出Excel文件
六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百
08-22 646
如遇到复杂表格时可使用这种方式导出。
vue怎么将table导出为Excel
qq_53485256的博客
07-02 1432
在 exportExcel 方法中，使用 XLSX.utils.table_to_book 函数将表格转换为 Workbook 对象，然后使用 XLSX.writeFile 函数将 Workbook 导出为 Excel 文件。上述代码中，首先通过 import 语句将 xlsx 库引入到组件中。运行示例代码后，点击 “导出Excel” 按钮就会将表格内容导出为名为 data.xlsx 的 Excel 文件，文件格式为 XLSX。请确保已在项目中安装并导入了 xlsx 库，并且在适当位置使用上述代码。
HTML Table导出Excel
PinkCoder
03-28 1851
HTML Table导出Excel
将Table表格导出到Excel
weixin_30530523的博客
10-18 223
1.导出当前页 效果如下: 前台代码: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index&...
bootstrap table 导出excel
最新发布
12-30
根据引用，你需要引入`bootstrap-table-export.js`和`tableExport.min.js`这两个文件。 2. 在HTML页面中，创建一个表格，并给它一个唯一的ID。例如： ```html <table id="myTable"> <th data-field="id">ID ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值