将table数据转为Excel表格

雨点打透心脏的1/2处 2022-05-27 02:21 884阅读 0赞

将table数据转为Excel表格放到前端来做可以减少服务器的压力，而且不受网速影响，速度响应快。

下面是两个例子：

1.  [原生js实现table数据转为Excel表格][js_table_Excel]
2.  [jquery.table2excel.js实现table数据转为Excel表格][jquery.table2excel.js_table_Excel]

原生js的主要函数如下：

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 method(tableid) { 
        var fileName = document.getElementById("fileName").value.replace(/\s/g, "");
        if (getExplorer() == 'ie') {
            // 一种方法，但是没办法修改文件名
            // 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;
    
    
            // 第二种方法，可命名文件名
            try {
                var winname = window.open('', '_blank', 'top=10000');
                var strHTML = document.getElementById(tableid).innerHTML;
    
                winname.document.open('application/vnd.ms-excel', 'export excel');
                winname.document.writeln(strHTML);
                winname.document.execCommand('saveas', '', fileName + '.xls');
                winname.close();
            } catch (e) {
                alert(e.description);
            }
    
        } else {
            tableToExcel(tableid, fileName);
        }
    }
    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, fileName) { 
            if (!table.nodeType) {
                table = document.getElementById(table);
            }
            var dlink = document.getElementById("dlink");
            var ctx = {
                worksheet: fileName ? fileName : 'Worksheet',
                table: table.innerHTML
            }
            dlink.href = uri + base64(format(template, ctx));
            dlink.download = fileName + ".xls";
            dlink.click();
        }
    })()

使用jquery.table2excel.js的方式为：

$("#btnExport").click(function () { 
            $("#tableExcel").table2excel({
                exclude: ".noExl", //过滤位置的 css 类名 
                filename: $.trim($("#fileName").val()) + ".xls", //文件名称 
                name: "Excel Document Name.xlsx",
                exclude_img: true,
                exclude_links: true,
                exclude_inputs: true
    
            });
        });

关于jquery.table2excel.js还可前去其[github][]查看。

[js_table_Excel]: http://www.fxss5201.cn/project/jsProject/tableToExcel/js/
[jquery.table2excel.js_table_Excel]: http://www.fxss5201.cn/project/jsProject/tableToExcel/jquery/
[github]: https://github.com/rainabba/jquery-table2excel

发表评论取消回复

表情：

评论列表（有 0 条评论，884人围观）

还没有评论，来说两句吧...

相关阅读

相关 PL/SQL Developer将Excel表格数据导入表格

说明，在将excel表格数据导入之前，需要创建一个对应的表。一、打开PL/SQL Developer之后，选择tools（工具）---ODBC Imoprter（OD

小鱼儿/ 2024年02月19日 22:02/ 0 赞/ 98 阅读

相关 java将excel转为pdf

> 在Java中，可以使用Apache POI库处理Excel文件，以及使用iText库将Excel文件转换为PDF格式。 > Apache POI是一个Java库，它允许J

我会带着你远行/ 2023年10月13日 23:51/ 0 赞/ 88 阅读

相关 C# 将PDF转为Excel

通常，PDF格式的文档能支持的编辑功能不如office文档多，针对PDF文档里面有表格数据的，如果想要编辑表格里面的数据，可以将该PDF文档转为Excel格式，然后编辑。本文，

「爱情、让人受尽委屈。」/ 2023年10月11日 17:16/ 0 赞/ 60 阅读

相关 C# 将CSV转为Excel

CSV(Comma Separated Values)文件是一种纯文本文件，包含用逗号分隔的数据，常用于将数据从一个应用程序导入或导出到另一个应用程序。通过将CSV文件转为EX

- 日理万妓/ 2023年10月11日 17:12/ 0 赞/ 56 阅读

相关 Java 将Excel转为OFD

OFD是一种开放版式文档（Open Fixed-layout Document ）的英文缩写，是我国国家版式文档格式标准。本文，通过Java后端程序代码展示如何将Excel转为

电玩女神/ 2023年10月11日 16:52/ 0 赞/ 64 阅读

相关通过js将table表格数据下载为Excel表格

1.创建用于下载数据的excel\_create.jsp页面 <%@ page contentType="text/html; charset=utf-8" %>

约定不等于承诺〃/ 2022年07月15日 05:17/ 0 赞/ 517 阅读

相关将table数据转为Excel表格

将table数据转为Excel表格放到前端来做可以减少服务器的压力，而且不受网速影响，速度响应快。下面是两个例子： 1. [原生js实现table数据转为Excel表格

雨点打透心脏的1/2处/ 2022年05月27日 02:21/ 0 赞/ 885 阅读

相关导出table中的数据到Excel表格

//导出，tableid为标的的id值 function exportExcel1(tableid)\{ var curTbl = do

Bertha 。/ 2022年05月22日 13:10/ 0 赞/ 319 阅读

相关使用js-xlsx库,将表格table导出为Excel表格

npm install xlsjs 引入xlsx.full.min.js 和export.js <body> <button onclick="ta

布满荆棘的人生/ 2022年02月01日 12:25/ 0 赞/ 915 阅读

相关利用Python将Json数据转为表格并写入Excel

一、准备数据源注意：每一行都有一个中括号\[ \]。 [{ "name":"风向(act.)","id":"WD","device":"weather","t

小鱼儿/ 2021年07月04日 20:53/ 0 赞/ 846 阅读