前端导出excel

最新推荐文章于 2022-09-17 10:42:38 发布
最新推荐文章于 2022-09-17 10:42:38 发布
阅读量201 收藏
点赞数
文章标签： js excel 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41339975/article/details/102610557
版权

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>JS读取和导出excel示例</title>
    <meta name="description" content="使用sheetjs读取和导出excel示例">
    <style type="text/css">
    table {
        border-collapse: collapse;
    }
    th, td {
        border: solid 1px #6D6D6D;
        padding: 5px 10px;
    }
    .mt-sm {margin-top: 8px;}
    body {
        background: #f4f4f4;
        padding: 0;
        margin: 0;
    }
    .container {
        width: 1024px;
        margin: 0 auto;
        background: #fff;
        padding: 20px;
        min-height: 100vh;
    }
    </style>
</head>
<body>
    <div class="container">
        <input type="button" value="导出" οnclick="exportSpecialExcel()"/>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/xlsx/0.11.5/xlsx.core.min.js"></script>
    <script type="text/javascript">
    // 将一个sheet转成最终的excel文件的blob对象，然后利用URL.createObjectURL下载
    function sheet2blob(sheet, sheetName) {
        sheetName = sheetName || 'sheet1';
        var workbook = {
            SheetNames: [sheetName],
            Sheets: {}
        };
        workbook.Sheets[sheetName] = sheet;
        // 生成excel的配置项
        var wopts = {
            bookType: 'xlsx', // 要生成的文件类型
            bookSST: false, // 是否生成Shared String Table，官方解释是，如果开启生成速度会下降，但在低版本IOS设备上有更好的兼容性
            type: 'binary'
        };
        var wbout = XLSX.write(workbook, wopts);
        var blob = new Blob([s2ab(wbout)], {type:"application/octet-stream"});
        // 字符串转ArrayBuffer
        function s2ab(s) {
            var buf = new ArrayBuffer(s.length);
            var view = new Uint8Array(buf);
            for (var i=0; i!=s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        }
        return blob;
    }

    /**
     * 通用的打开下载对话框方法，没有测试过具体兼容性
     * @param url 下载地址，也可以是一个blob对象，必选
     * @param saveName 保存文件名，可选
     */
    function openDownloadDialog(url, saveName)
    {
        if(typeof url == 'object' && url instanceof Blob)
        {
            url = URL.createObjectURL(url); // 创建blob地址
        }
        var aLink = document.createElement('a');
        aLink.href = url;
        aLink.download = saveName || ''; // HTML5新增的属性，指定保存文件名，可以不要后缀，注意，file:///模式下不会生效
        var event;
        if(window.MouseEvent) event = new MouseEvent('click');
        else
        {
            event = document.createEvent('MouseEvents');
            event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        }
        aLink.dispatchEvent(event);
    }
    var json = {
        "page": 1,
        "records": 301,
        "rows": [
            {
                "attachFilesCount": 0,
                "createDate": "2019-07-26",
                "currentOrgDisplayName": "",
                "dealState": 120,
                "dealTime": "2019-07-26 10:56:23",
                "domainName": "民生服务",
                "forEmergencyIssue": false,
                "important": false,
                "isEmergency": false,
                "isSearchSolr": false,
                "isdelete": false,
                "issueContent": "上方镇干部康智宏等到金牛村验收柏油路",
                "issueId": 78253717,
                "issueStepId": 111438076,
                "lastOrg.orgName": "浙江省->衢州市->衢江区->上方镇->金牛村->下西坑网格",
                "occurDate": "2019-07-26",
                "occurDateString": "2019-07-26",
                "occurOrg": {
                    "id": 225387,
                    "orgName": "浙江省->衢州市->衢江区->上方镇->金牛村->下西坑网格"
                },
                "operateForSupervision": {
                    "cent": 0,
                    "code": 88,
                    "desc": "取消督办",
                    "increase": true,
                    "mobileCode": "1012"
                },
                "serialNumber": "1907263308031056232801440",
                "sourceKind": {
                    "id": 1253
                },
                "status": 1,
                "subject": "油路验收",
                "superviseLevel": -1,
                "supervisionState": -1,
                "targeOrg": {
                    "id": 225387,
                    "orgName": "浙江省->衢州市->衢江区->上方镇->金牛村->下西坑网格"
                },
                "urgent": 0,
                "userName": "毛水标"
            },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 120,
            //     "dealTime": "2019-07-26 10:56:01",
            //     "domainName": "中心工作",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "大弄口村湖顶山自然村，村党员正在给打扫卫生。。",
            //     "issueId": 78253669,
            //     "issueStepId": 111437997,
            //     "lastOrg": {
            //         "id": 227841,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道"
            //     },
            //     "occurDate": "2019-07-25",
            //     "occurDateString": "2019-07-25",
            //     "occurOrg": {
            //         "id": 24699,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道->大弄口村"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "190726330822105614377792",
            //     "sourceKind": {
            //         "id": 20011783
            //     },
            //     "status": 1,
            //     "subject": "大弄口村湖顶山自然村，村党员正在打扫卫生",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24699,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道->大弄口村"
            //     },
            //     "urgent": 0,
            //     "userName": "占赐卉"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 120,
            //     "dealTime": "2019-07-26 10:55:59",
            //     "domainName": "矛盾纠纷",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "2019年7月26日上午在衢江区党校开生态公益林管护业务培训班，",
            //     "issueId": 78253660,
            //     "issueStepId": 111437981,
            //     "lastOrg": {
            //         "id": 20410186,
            //         "orgName": "浙江省->衢州市->衢江区->举村乡->翁源村->百祥坑网格"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 20410186,
            //         "orgName": "浙江省->衢州市->衢江区->举村乡->翁源村->百祥坑网格"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "190726330803105559654634",
            //     "sourceKind": {
            //         "id": 1253
            //     },
            //     "status": 1,
            //     "subject": "综治工作",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 20410186,
            //         "orgName": "浙江省->衢州市->衢江区->举村乡->翁源村->百祥坑网格"
            //     },
            //     "urgent": 0,
            //     "userName": "王荣孝"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 120,
            //     "dealTime": "2019-07-26 10:54:00",
            //     "domainName": "治安、安全隐患",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "大弄口村道路修建，埋设管道工程正在进行中。。",
            //     "issueId": 78253388,
            //     "issueStepId": 111437506,
            //     "lastOrg": {
            //         "id": 227841,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道"
            //     },
            //     "occurDate": "2019-07-25",
            //     "occurDateString": "2019-07-25",
            //     "occurOrg": {
            //         "id": 24699,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道->大弄口村"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "190726330822105405012926",
            //     "sourceKind": {
            //         "id": 20011783
            //     },
            //     "status": 1,
            //     "subject": "大弄口村道路修建，埋设管道工程正在进行中",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24699,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道->大弄口村"
            //     },
            //     "urgent": 0,
            //     "userName": "占赐卉"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 120,
            //     "dealTime": "2019-07-26 10:53:00",
            //     "domainName": "治安、安全隐患",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "-市消防中队到紫港社区检查微型消防站并实际演练。。",
            //     "issueId": 78253276,
            //     "issueStepId": 111437266,
            //     "lastOrg": {
            //         "id": 227841,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道"
            //     },
            //     "occurDate": "2019-07-25",
            //     "occurDateString": "2019-07-25",
            //     "occurOrg": {
            //         "id": 24672,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道->紫港社区"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "19072633082210530663866",
            //     "sourceKind": {
            //         "id": 20011783
            //     },
            //     "status": 1,
            //     "subject": "市消防中队到紫港社区检查微型消防站并实际演练",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24672,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道->紫港社区"
            //     },
            //     "urgent": 0,
            //     "userName": "占赐卉"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 110,
            //     "dealTime": "2019-07-26 10:51:57",
            //     "domainName": "治安、安全隐患",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "后溪镇召开五水共治蓝马甲行动启动仪式",
            //     "issueId": 78253136,
            //     "issueStepId": 111437030,
            //     "lastOrg": {
            //         "id": 20140537,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->泉井边村->泉井边村淤背自然村网格"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 20140537,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->泉井边村->泉井边村淤背自然村网格"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308031051504278863",
            //     "sourceKind": {
            //         "id": 20024584
            //     },
            //     "status": 1,
            //     "subject": "后溪镇召开五水共治蓝马甲行动启动仪式",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24417,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇"
            //     },
            //     "urgent": 0,
            //     "userName": "郑龙霞"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 110,
            //     "dealTime": "2019-07-26 10:48:35",
            //     "domainName": "治安、安全隐患",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "后溪镇大会议室召开廿里派出所学习“枫桥式派出所”枫桥精神的工作会议",
            //     "issueId": 78252693,
            //     "issueStepId": 111436293,
            //     "lastOrg": {
            //         "id": 20140942,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->后溪村->后溪村下叶自然村网格"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 20140942,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->后溪村->后溪村下叶自然村网格"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308031048224086846",
            //     "sourceKind": {
            //         "id": 20024584
            //     },
            //     "status": 1,
            //     "subject": "后溪镇大会议室召开廿里派出所学习“枫桥",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24417,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇"
            //     },
            //     "urgent": 0,
            //     "userName": "何慧芝"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 110,
            //     "dealTime": "2019-07-26 10:49:38",
            //     "domainName": "中心工作",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "招贤镇汪家淤村村污水终端边污水外流需第三方整治处理。",
            //     "issueId": 78252682,
            //     "issueStepId": 111436513,
            //     "lastOrg": {
            //         "id": 24556,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 24563,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇->汪家淤村"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308221048132071968",
            //     "sourceKind": {
            //         "id": 20011783
            //     },
            //     "status": 1,
            //     "subject": "汪家淤村污水终端边污水外流需第三方整治处理",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 20197443,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇->防汛指挥办"
            //     },
            //     "urgent": 0,
            //     "userName": "江燕燕"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 110,
            //     "dealTime": "2019-07-26 10:48:08",
            //     "domainName": "治安、安全隐患",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "后溪镇网格员信访代办员培训",
            //     "issueId": 78252656,
            //     "issueStepId": 111436195,
            //     "lastOrg": {
            //         "id": 20140537,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->泉井边村->泉井边村淤背自然村网格"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 20140537,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->泉井边村->泉井边村淤背自然村网格"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "190726330803104804713801",
            //     "sourceKind": {
            //         "id": 20024584
            //     },
            //     "status": 1,
            //     "subject": "后溪镇网格员信访代办员培训",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24417,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇"
            //     },
            //     "urgent": 0,
            //     "userName": "郑龙霞"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 120,
            //     "dealTime": "2019-07-26 10:47:36",
            //     "domainName": "矛盾纠纷",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "和贤村山外网格金家坞郑杨富户附房拆除中",
            //     "issueId": 78252616,
            //     "issueStepId": 111436100,
            //     "lastOrg": {
            //         "id": 204468,
            //         "orgName": "浙江省->衢州市->江山市->双塔街道->和贤村->山外片网格"
            //     },
            //     "occurDate": "2019-07-23",
            //     "occurDateString": "2019-07-23",
            //     "occurOrg": {
            //         "id": 204468,
            //         "orgName": "浙江省->衢州市->江山市->双塔街道->和贤村->山外片网格"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308811047361667685",
            //     "sourceKind": {
            //         "id": 1253
            //     },
            //     "status": 1,
            //     "subject": "农房管控工作",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 204468,
            //         "orgName": "浙江省->衢州市->江山市->双塔街道->和贤村->山外片网格"
            //     },
            //     "urgent": 0,
            //     "userName": "陈雪芬"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 120,
            //     "dealTime": "2019-07-26 10:47:02",
            //     "domainName": "中心工作",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "招贤镇象湖村风貌提升正在整拆中。",
            //     "issueId": 78252551,
            //     "issueStepId": 111435977,
            //     "lastOrg": {
            //         "id": 24556,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 24585,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇->象湖村"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "190726330822104727888224",
            //     "sourceKind": {
            //         "id": 20011783
            //     },
            //     "status": 1,
            //     "subject": "象湖村风貌提升正在整拆中",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24556,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇"
            //     },
            //     "urgent": 0,
            //     "userName": "江燕燕"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 110,
            //     "dealTime": "2019-07-26 10:46:52",
            //     "domainName": "治安、安全隐患",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "后溪镇大会议室召开后溪镇关于举报涉毒违法犯罪分子的通告会议",
            //     "issueId": 78252522,
            //     "issueStepId": 111435939,
            //     "lastOrg": {
            //         "id": 20140942,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->后溪村->后溪村下叶自然村网格"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 20140942,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->后溪村->后溪村下叶自然村网格"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308031046469146725",
            //     "sourceKind": {
            //         "id": 20024584
            //     },
            //     "status": 1,
            //     "subject": "后溪镇大会议室召开后溪镇关于举报涉毒违",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24417,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇"
            //     },
            //     "urgent": 0,
            //     "userName": "何慧芝"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 120,
            //     "dealTime": "2019-07-26 10:46:44",
            //     "domainName": "中心工作",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "溪上村徐金德合法多宅拆除中。",
            //     "issueId": 78252515,
            //     "issueStepId": 111435907,
            //     "lastOrg": {
            //         "id": 24556,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 24577,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇->溪上村"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308221046446438922",
            //     "sourceKind": {
            //         "id": 20011783
            //     },
            //     "status": 1,
            //     "subject": "溪上村徐金德合法多宅拆除中",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24556,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇"
            //     },
            //     "urgent": 0,
            //     "userName": "江燕燕"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 120,
            //     "dealTime": "2019-07-26 10:46:41",
            //     "domainName": "其他",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "天气热了，鸡粪堆在马路边上臭气熏天，已经劝村民明天清理干净。。",
            //     "issueId": 78252509,
            //     "issueStepId": 111435895,
            //     "lastOrg": {
            //         "id": 227841,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道"
            //     },
            //     "occurDate": "2019-07-25",
            //     "occurDateString": "2019-07-25",
            //     "occurOrg": {
            //         "id": 24697,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道->后坊村"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308221046413437554",
            //     "sourceKind": {
            //         "id": 20011783
            //     },
            //     "status": 1,
            //     "subject": "天气热了，鸡粪堆在马路边上臭气熏天，",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24697,
            //         "orgName": "浙江省->衢州市->常山县->紫港街道->后坊村"
            //     },
            //     "urgent": 0,
            //     "userName": "占赐卉"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 120,
            //     "dealTime": "2019-07-26 10:46:27",
            //     "domainName": "中心工作",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "鲁士村徐宗新，郑志有户合法一户多宅已拆除。",
            //     "issueId": 78252481,
            //     "issueStepId": 111435845,
            //     "lastOrg": {
            //         "id": 24556,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇"
            //     },
            //     "occurDate": "2019-07-25",
            //     "occurDateString": "2019-07-25",
            //     "occurOrg": {
            //         "id": 24583,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇->鲁士村"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308221046277458267",
            //     "sourceKind": {
            //         "id": 20011783
            //     },
            //     "status": 1,
            //     "subject": "鲁士村徐宗新，郑志有户合法一户多宅已拆除",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24556,
            //         "orgName": "浙江省->衢州市->常山县->招贤镇"
            //     },
            //     "urgent": 0,
            //     "userName": "江燕燕"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 110,
            //     "dealTime": "2019-07-26 10:46:07",
            //     "domainName": "中心工作",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "下徐村徐思政家付房拆除工作已经完成。",
            //     "issueId": 78252392,
            //     "issueStepId": 111435773,
            //     "lastOrg": {
            //         "id": 218720,
            //         "orgName": "浙江省->衢州市->常山县->新昌乡->茶源村->下徐网格"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 218720,
            //         "orgName": "浙江省->衢州市->常山县->新昌乡->茶源村->下徐网格"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308221045512257158",
            //     "sourceKind": {
            //         "id": 1253
            //     },
            //     "status": 1,
            //     "subject": "拆除工作",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 25115,
            //         "orgName": "浙江省->衢州市->常山县->新昌乡"
            //     },
            //     "urgent": 0,
            //     "userName": "徐峰"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 110,
            //     "dealTime": "2019-07-26 10:45:56",
            //     "domainName": "治安、安全隐患",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "后溪镇召开网格员工作例会",
            //     "issueId": 78252365,
            //     "issueStepId": 111435723,
            //     "lastOrg": {
            //         "id": 20140537,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->泉井边村->泉井边村淤背自然村网格"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 20140537,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->泉井边村->泉井边村淤背自然村网格"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308031045458646301",
            //     "sourceKind": {
            //         "id": 20024584
            //     },
            //     "status": 1,
            //     "subject": "后溪镇召开网格员工作例会",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24417,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇"
            //     },
            //     "urgent": 0,
            //     "userName": "郑龙霞"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 110,
            //     "dealTime": "2019-07-26 10:46:30",
            //     "domainName": "民生服务",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "今天上午后溪镇五水共治蓝马甲行动宣誓，在后溪镇会议室举行，全体专职网格参加。",
            //     "issueId": 78252334,
            //     "issueStepId": 111435856,
            //     "lastOrg": {
            //         "id": 20140553,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->东华村->东华村高埂头自然村网格"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 20140553,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->东华村->东华村高埂头自然村网格"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308031045337638928",
            //     "sourceKind": {
            //         "id": 1253
            //     },
            //     "status": 1,
            //     "subject": "后溪镇五水共治蓝马甲志愿行动",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24417,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇"
            //     },
            //     "urgent": 0,
            //     "userName": "张春明"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 110,
            //     "dealTime": "2019-07-26 10:45:25",
            //     "domainName": "治安、安全隐患",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "后溪镇大会议室召开后溪镇五水共治“蓝马甲”志愿者行动启动仪式会议",
            //     "issueId": 78252304,
            //     "issueStepId": 111435573,
            //     "lastOrg": {
            //         "id": 20140942,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->后溪村->后溪村下叶自然村网格"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 20140942,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->后溪村->后溪村下叶自然村网格"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308031045155863548",
            //     "sourceKind": {
            //         "id": 20024584
            //     },
            //     "status": 1,
            //     "subject": "后溪镇大会议室召开后溪镇五水共治“蓝马",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24417,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇"
            //     },
            //     "urgent": 0,
            //     "userName": "何慧芝"
            // },
            // {
            //     "attachFilesCount": 0,
            //     "createDate": "2019-07-26",
            //     "currentOrgDisplayName": "",
            //     "dealState": 110,
            //     "dealTime": "2019-07-26 10:44:06",
            //     "domainName": "治安、安全隐患",
            //     "forEmergencyIssue": false,
            //     "important": false,
            //     "isEmergency": false,
            //     "isSearchSolr": false,
            //     "isdelete": false,
            //     "issueContent": "后溪镇大会议室召开后溪镇网格员信访代办培训会",
            //     "issueId": 78252132,
            //     "issueStepId": 111435283,
            //     "lastOrg": {
            //         "id": 20140942,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->后溪村->后溪村下叶自然村网格"
            //     },
            //     "occurDate": "2019-07-26",
            //     "occurDateString": "2019-07-26",
            //     "occurOrg": {
            //         "id": 20140942,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇->后溪村->后溪村下叶自然村网格"
            //     },
            //     "operateForSupervision": {
            //         "cent": 0,
            //         "code": 88,
            //         "desc": "取消督办",
            //         "increase": true,
            //         "mobileCode": "1012"
            //     },
            //     "serialNumber": "1907263308031043575043739",
            //     "sourceKind": {
            //         "id": 20024584
            //     },
            //     "status": 1,
            //     "subject": "后溪镇大会议室召开后溪镇网格员信访代办",
            //     "superviseLevel": -1,
            //     "supervisionState": -1,
            //     "targeOrg": {
            //         "id": 24417,
            //         "orgName": "浙江省->衢州市->衢江区->后溪镇"
            //     },
            //     "urgent": 0,
            //     "userName": "何慧芝"
            // }
        ],
        "total": 16
    };
    
    var data = json.rows;
    function exportSpecialExcel() {
        var aoa = [
            ['事件类型', '事件简述', '状态', '发生时间','当前处理部门','所属层级','最后处理时间','录入人员','来源方式','录入时间','服务单号'],
        ];
        //表格内容对应的字段信息
        for(var i = 0; i < data.length;i++){
            console.log(data[i]["lastOrg.orgName"]);
            aoa.push([data[i].domainName, data[i].subject, data[i].state, data[i].dealTime, data[i]['lastOrg.orgName'], data[i].occurOrg.orgName, data[i].occurOrg.orgName,data[i].occurDate,data[i].userName,data[i].supervisionState,data[i].createDate,data[i].serialNumber])
        }
        var sheet = XLSX.utils.aoa_to_sheet(aoa);
        sheet['!merges'] = [
            // 设置A1-C1的单元格合并
            {s: {r: 0, c: 0}, e: {r: 0, c: 2}}
        ];
        openDownloadDialog(sheet2blob(sheet), '单元格合并示例.xlsx');
    }
    </script>
</body>
</html>

玐也很可爱呀
关注
import sobject data by excel limit 10000
qq_29319163的博客
08-19 135
component: <apex:component controller="DataImportCtrl"> <apex:stylesheet value="{!URLFOR($Resource.JQWidget, '/jqwidgets/styles/jqx.base.css')}" /> <apex:includeScript value="...
2020-04-03 实习遇见的问题2
qq_41201301的博客
04-07 249
表单控件下拉框，绑定value和label的值，当后端传过来的值时
JS将数据导出excel
Mo_zifeng的博客
09-06 625
在网上找了很多方法，如下：
vue框架使用xlsx导出excel表格
qq_46372045的博客
09-17 7046
vue框架使用xlsx导出自定义样式的excel表格
使用JS将table表格导出为excel
AnglerS的博客
05-20 2882
之前都是用Java在后端做的导出，这次表格数据做的比较麻烦，就直接在前端把table导出了，非常方便。 博客文章链接:https://www.zjhuiwan.cn/info/20200212/4004242219096560.html html表格代码 导出 ...... <c:if test="${name!='admin1'&&name!='丽水市' }"> <tr> &
前端导出 excel ，设置字体，列宽，行高，对其方式，合并单元格等效果
06-23
总结来说，前端导出Excel涉及到数据转换、样式设置和文件生成等多个步骤。使用像`SheetJS`这样的库可以帮助简化这一过程，但正确配置和优化仍然是关键。在实际项目中，确保按照需求正确设置字体、列宽、行高、对齐...
vue前端导出Excel.zip
05-22
在Vue.js前端开发中，导出...综上所述，Vue前端导出Excel涉及到选择合适的库，转换数据为工作簿格式，生成`Blob`对象，以及处理浏览器安全限制来实现下载。通过理解这些步骤，你可以根据项目需求灵活地实现导出功能。
前端导出excel，可以控制样式，单元格合并居中等
09-08
在前端开发中，有时我们需要为用户提供数据导出功能，其中Excel是最常见的格式之一。通过"xlsx.full.min.js"这个库，我们可以实现前端直接导出带有样式的Excel文件，包括单元格的合并和居中对齐等高级功能。下面将...
js前端导出Excel的方法
11-27
- 前端导出Excel可能会受到跨站脚本攻击（XSS）的影响，因此确保数据是安全的非常重要。此外，不是所有浏览器都支持数据URL和Blob对象，所以需要考虑不支持这些特性的浏览器的兼容性。 总的来说，JavaScript前端...
XLSX插件 前端导出 使用记录
Change_xiao的博客
12-22 452
xlsx 普通导出 xlsx-style 设置导出样式 报错解决 import XLSX from "xlsx-style" //ps 需要修改源码：在\node_modules\xlsx-style\dist\cpexcel.js 807行 的 var cpt = require(’./cpt’ + ‘able’); 改成 var cpt = cptable 不然会报错; // 将一个sheet转成最终的excel文件的blob对象，然后利用URL.createObjectURL下载 functio
js导出excel
MrwanZH的博客
12-30 1038
目录 需求： 1、故根据html的table生成多个sheet的excel表格 2、js生成excel文件传回后端修改样式 相关资料： 网盘资源下载： 代码实现： 1、前端生成excel直接下载 1.1、js生成sheet，然后创建workbook工作簿管理sheet，根据工作簿生成blob对象，然后根据blob对象生成url下载链接 1....
document.createElement("A")的相关属性
David
10-17 1692
&lt;html&gt; &lt;BODY&gt; &lt;SCRIPT LANGUAGE="JavaScript"&gt; &lt;!-- var A = document.createElement("A"); A.setAttribute("href","#"); A.appendChild(document.createTextNo
关于C# 中使用open xml sdk 读取Excel数据笔记
weixin_30456039的博客
07-12 415
项目用到open xml SDK ， 开始的时候一脸懵逼， 网上有很多的案例 也看好多的案例， 还是决定自己总结一下自己的做法 ： 1、要在项目中用到open xml SDK 得先下载Open XML SDK 2.5 for Office 　　下载路径：https://www.microsoft.com/en-us/download/details.aspx?id=30425 　　下载后文件...
秒懂POI解析excel，SAXParser解析大xlsx，XSSFReader处理包括被忽略的空单元格处理
热门推荐
老专家的博客
04-01 3万+
秒懂POI解析excel，SAXParser解析大xlsx，XSSFReader处理包括被忽略的空单元格处理 poi空单元格处理
js保存图片至本地
weixin_42141454的博客
04-28 1万+
第一种方法 downloadIamge(imgSrc) { //imgSrc 为图片链接路径 // 必须同源才能下载 var alink = document.createElement("a"); alink.href = this.imgs; alink.download = "pic"; //图片名 alink.click(); } 第二种方法 saveImg:function(){ this.downloadIamge(this.imgsrc, 'sha...
java eventusermodel_Java XSSFReader.getSharedStringsTable方法代碼示例
weixin_33199315的博客
03-04 1368
本文整理匯總了Java中org.apache.poi.xssf.eventusermodel.XSSFReader.getSharedStringsTable方法的典型用法代碼示例。如果您正苦於以下問題：Java XSSFReader.getSharedStringsTable方法的具體用法？Java XSSFReader.getSharedStringsTable怎麽用？Java XSSFRea...
ajax导入excel文档及结果下载(很久没用前端了，记下来)
whhjay1986的博客
11-14 271
js引用layer.js,ajaxfileupload.js,xlsx.core.min.js layer.js是个很不错的弹出层解决方案 git地址：https://github.com/sentsin/layer ajaxfileupload.js负责文件上传，不过由于很久没有更新，对于jquery1.4之后的版本不兼容，需要在源码处jQuery.extend中添加handleError...
前端导出excel表格合并
最新发布
12-14
前端导出excel表格合并是指通过前端技术，将多个数据源中的数据合并成一个excel表格并进行导出的操作。这种操作一般会涉及到前端页面的数据处理、表格合并、样式设置以及excel文件的导出等多个方面。 首先，需要在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值