将table数据转为Excel表格

雨点打透心脏的1/2处 2022-05-27 02:21 839阅读 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 条评论，839人围观）

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

相关阅读

相关 C# 将CSV转为Excel

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

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

相关 html gridview excel,将GridView数据导出Excel表格

\[c\\]代码库protected void btnExport\_Click(object sender, EventArgs e) \{ gridView.DataS

淡淡的烟草味﹌/ 2022年10月07日 05:45/ 0 赞/ 217 阅读

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

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

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

相关 JS 将Table数据导出到Excel表

通过JavaScript方法将table中的数据导出在excel表中，使用方便，可以直接浏览器直接下载所需要的excel表，一般适用于后台管理的导出数据需求。使用方法

r囧r小猫/ 2022年06月17日 08:42/ 0 赞/ 336 阅读

相关将excel表格数据转换为xml文本数据

原文：[http://blog.javayc.com/archives/12][http_blog.javayc.com_archives_12] 这篇blog主要是讲

╰半夏微凉°/ 2022年06月11日 05:36/ 0 赞/ 341 阅读

相关将table数据转为Excel表格

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

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

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

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

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

相关使用table2excel做excel表格下载

1、引入table2excel.js 2、html写法，id为exceldown ，触发时需要传，会下载这个id包含的表格： <div class="table-r

ゞ浴缸里的玫瑰/ 2022年03月27日 06:36/ 0 赞/ 869 阅读

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

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

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

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

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

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