语言吧技术网欢迎您投稿,程序员的世界我懂你!=====>点此登录投搞
当前位置: 首页 >>JAVASCRIPT >>JS实战技巧 >>HDHCMS不规则表格(TABLE)导出EXCEL文档(JS源码版)

HDHCMS不规则表格(TABLE)导出EXCEL文档(JS源码版)

2019/11/4 12:39:29 0人评论 25次 作者:admin

HDHCMS不规则表格(TABLE)导出EXCEL文档(JS源码版),通过JAVASCRIPT脚本导出生成EXCEL文档。…

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>HDHCMS不规则表格(TABLE)导出EXCEL文档(JS源码版)</title>

    <style>

        table td {

            font-size: 12px;

            height: 30px;

            text-align: center;

            background-color: #eee;

            color: #333;

        }

td{

width:200px;

}

    </style>

</head>

<body>

<a download="TABLE不规则导出Excel" id="HdhCmsToExcelOut" href="#">将表格导出Excel</a>

<table cellspacing="0" cellpadding="0" border="1" id="HdhCmsToExcel">

    <thead>

    <tr>

        <td >姓名</td>

        <td>手机</td>

        <td>

 <table  border=1>

 <tr><td width="300">邮件</td><td width="300">学历</td><td width="300">院校</td></tr>

</table>

       </td>

    </tr>


    <tr>

        <td >小明</td>

        <td>1386XXXXX54</td>

        <td>

 <table  border=1>

 <tr><td width="300">&nbsp;43252400000000003012</td><td>abc</td><td>adf</td></tr>

 <tr><td>&nbsp;43252400000000003012</td><td>dda</td><td>hhh</td></tr>

 <tr><td>&nbsp;43252400000000003012</td><td>dddd</td><td>dddd</td></tr>

 </table></td>

    </tr>

    </thead>

    <tbody>

    <tr>

        <td>小李</td>

        <td>1386XXXXX53</td>

        <td>

 <table  border=1>

 <tr><td>43252400000000003012</td><td>dddd</td><td>dddd</td></tr>

 <tr><td>43252400000000003012</td><td>dddd</td><td>hhh</td></tr>

 <tr><td>43252400000000003012</td><td>dddd</td><td>dddd</td></tr>

 </table>

</td>

    </tr>

    <tr>

        <td>HDHCMS</td>

        <td>1386XXXXX58</td>

        <td>

 <table  border=1>

 <tr><td>43252400000000003012</td><td>dddd</td><td>dddd</td></tr>

 <tr><td>43252400000000003012</td><td>dddd</td><td>adf</td></tr>

 <tr><td>43252400000000003012</td><td>dddd</td><td>dddd</td></tr>

 </table>

</td>

    </tr>

    <tr>

        <td>A公司</td>

        <td>1386XXXXX51</td>

        <td>

 <table  border=1>

 <tr><td>43252400000000003012</td><td>dda</td><td>dddd</td></tr>

 <tr><td>43252400000000003013</td><td>dda</td><td>dddd</td></tr>

 <tr><td>43252400000000003011</td><td>dddd</td><td>dddd</td></tr>

 </table>

</td>

    </tr>

    <tr>

        <td colspan="3">共计</td>

    </tr>

    </tbody>

</table>

<script>

    window.onload = function () {

        HdhCmsToExcel('HdhCmsToExcel', '下载模板')

    };


    //base64转码

    var base64 = function (HdhcmsStr) {

        return window.btoa(unescape(encodeURIComponent(HdhcmsStr)));

    };

    //替换table数据和worksheet名字

    var HdhCmsFormat = function (s, c) {

        return s.replace(/{(\w+)}/g,

            function (m, p) {

                return c[p];

            });

    }

    function HdhCmsToExcel(tableid, sheetName) {

        var HdhcmsUri = 'data:application/vnd.ms-excel;base64,';

        var 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">' +

            'table td {' +

            'border: 1px solid #000000;' +

            'width: 200px;' +

            'height: 30px;' +

            ' text-align: center;' +

            'background-color: #4f891e;' +

            'color: #ffffff;' +

            ' }' +

            '</style>' +

            '</head><body ><table>{table}</table></body></html>';

        if (!tableid.nodeType) tableid = document.getElementById(tableid);

        var ctx = {worksheet: sheetName || 'Worksheet', table: tableid.innerHTML};

        document.getElementById("HdhCmsToExcelOut").href = HdhcmsUri + base64(HdhCmsFormat(template, ctx));

    }


</script>

</body>

</html>


CopyRight:2007-2018 语言吧 备案ICP:湘ICP备09009000号-15 http://www.yuyanba.com
欢迎【广东省 广州市】的朋友
内容与素材部分来源于网络,如有侵权请告知删除
分享按钮