js导出html-table到Excel并支持Excel的函数

关于js导出table到excel请看:

 

纯js实现,导出动态生成的TABLE到EXCEL文件并下载_代码笔记-CSDN博客

修改jquery.table2excel.js让他导出Excel支持css样式_代码笔记-CSDN博客

 这里就不再赘述了.....

这里说一下导出带EXCEL函数的Table....

 主要代码(<td></td>内就是Excle的公式,65536代表EXCEL的最大行):

<tr>
    <td>合计</td>
    <td>=SUBTOTAL(9,B4:B65536)</td>
    <td>=SUBTOTAL(9,C4:C65536)</td>
    <td>=ROUND(C3*100/AP3,2)&"%"</td>
<tr>

备注:

 =SUBTOTAL(9,B4:B65536)  是筛选+求和

=ROUND(C3*100/AP3,2)&"%"  求百分率%

完整代码:

<script src="~/Scripts/table2excel/jquery.table2excel_3.js"></script>

<input type="button" id="ExportExcel" class="btnClass" onclick="ExportExcel()" value="导出Excel" />

<table id="table2" border="1">
        <thead>
            <tr>
                <th rowspan="2">公司</th>
                <th colspan="3">0-30</th>
            </tr>  
            <tr>
                <td>合计</td>
                <td>=SUBTOTAL(9,B4:B65536)</td>
                <td>=SUBTOTAL(9,C4:C65536)</td>
                <td>=ROUND(C3*100/AP3,2)&"%"</td>
            </tr>
        </thead>
        <tbody id="tbody2"></tbody>
    </table>

<script>
    function ExportExcel() {
        $("#tbody2").empty();
        $.ajax({
            type: "get",
            url: "/Controller/Action",
            data: {},
            dataType: "json",
            success: function (request) {
                //拼表格
                $.each(request.data, function (i, field) {
                    var html = "";
                    html += "<tr>";
                    html += "<td>" + field.公司 + "</td>";
                    html += "<td>" + field.数量 + "</td>";
                    html += "<td>" + field.金额 + "</td>";  
                    html += "<td>" + field.占比 + "</td>";  
                    html += "</tr>";
                    $("#tbody2").append(html);
                });

                $('#table2').table2excel({
                    filename: "EXCEL_" + new Date().getTime() + ".xlsx", //导出excel 
                });
                $("#tbody2").empty();
            },
        });
    }
</script>

导出的EXCEL,发现公式也一起导出:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值