账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    js中表格转为excel文件如何实现多sheet形式
    52
    0

    js中表格转为excel文件如何实现多sheet形式

    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 toExcel(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,'测试','项目收付明细表.xls')
    }
}
function Cleanup() {
    window.clearInterval(idTmr);
    CollectGarbage();
}
var tableToExcel = (function () {
    var uri = 'data:application/vnd.ms-excel;base64,'
        , 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]-->' +
        '<style type="text/css">\n' +
        '        #table thead{width:100%;z-index:5;}\n' +
        '        #table td{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;table-layout: fixed;padding-right: 0;}\n' +
        '        #table .project_title{background-color: #88e1ff;font-weight: bold;}\n' +
        '        #table .batch_title {font-weight: bold}\n' +
        '        #table .not_end{color: red;}\n' +
        '        #table tbody tr>td{text-align: left;padding-left: 5px;}'+
        '        .not_charge{color: blue}\n' +
        '        .charge{color: green}\n' +
        '        .pay_month{color: purple}\n' +
        '    </style>'+
        '</head><body><table id="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, filename) {
        if (!table.nodeType) table = document.getElementById(table)
        var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML }
        let blob = new Blob([format(template, ctx)]);
        document.getElementById("dlink").href = URL.createObjectURL(blob);
        document.getElementById("dlink").download = filename;
        document.getElementById("dlink").click();

    }
})()

    请问该怎么写才能实现呢

    2
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得：提问者悬赏的 10 元积分
        全部回答
    • 共 0 条
    • 擱湹牟蕼 普通会员 1楼

      在JavaScript中，我们可以使用html2canvas、xlsx.js等库将HTML表格转换为Excel文件。以下是一个使用html2canvas的例子：

      ```javascript function exportTableToExcel(tableId, filename) { // 获取HTML表格元素 var table = document.getElementById(tableId);

      // 获取表格数据 var rows = []; for (var i = 0; i < table.rows.length; i++) { rows.push(table.rows[i]); }

      // 创建一个新的Excel文件 var workbook = new XLSX.Workbook(); var worksheet = workbook.active;

      // 创建一个新的表格 worksheet.title = 'Table';

      // 创建一个新的表格行 for (var i = 0; i < rows.length; i++) { worksheet.appendRow(rows[i]); }

      // 保存Excel文件 workbook.save(filename); } ```

      在上述代码中，我们首先获取HTML表格元素，然后获取表格数据。然后，我们创建一个新的Excel文件和一个新的表格。最后，我们创建一个新的表格行，并将表格数据添加到表格中。

      注意：html2canvas在旧版本的浏览器中可能无法正确地将表格转换为Excel文件，因为它需要JavaScript来渲染表格。如果你需要在旧版本的浏览器中使用html2canvas，你可能需要使用一些工具，如html2canvas-babel。

      另外，xlsx.js只是一个库，它只提供了一些基本的转换功能，如添加单元格、合并单元格等。如果你需要更复杂的Excel功能，你可能需要使用其他的库，如xlsx.js或xlsxwriter。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部