pvtTable表格插件与table2excel表格下载

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/pivot.min.js" type="text/javascript"></script>
    <script src="js/tips_data.min.js" type="text/javascript"></script>
    <script src="js/jquery.table2excel.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/pivot.min.css" />
    <style>
        body {
            font-family: Verdana;
        }
    </style>
</head>

<body>
    <div id="output" style="overflow: scroll;width: 1000px;height: 500px;"></div>
    <button id="btn">点击下载</button>
    <script type="text/javascript">
        var utils = $.pivotUtilities;
        var heatmap = utils.renderers["Heatmap"];
        var sumOverSum = utils.aggregators["Sum over Sum"];
        //生成表格
        $("#output").pivot(
            utils.tipsData, {
            rows: ["sex", "smoker"],
            cols: ["day", "time"],
            aggregator: sumOverSum(["tip", "total_bill"]),
            renderer: heatmap
        });
        
        //下载
        $('#btn').click(function() {
            $(".pvtTable").table2excel({
                exclude: ".noExl",
                name: "Excel Document Name",
                filename: "<<<<<<<<<<<",
                fileext: ".xls",
                exclude_img: true,
                exclude_links: true,
                exclude_inputs: false
            });
        })
    </script>
</body>

</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • [标准模式与混杂模式] 关于渲染模式:在多年以前(IE6诞生以前),各浏览器都处于各自比较封闭的发展中(基本没有兼...
    尹萨萨阅读 1,747评论 0 0
  • 格式后期处理。 Jeremy Keith在 Fronteers 2010 上的主题演讲 今天我想跟大家谈一谈HTM...
    LordZhou阅读 1,152评论 0 17
  • 本文包括:1、文件上传概述2、利用 Commons-fileupload 组件实现文件上传3、核心API——Dis...
    廖少少阅读 12,613评论 5 91
  • 最近完成高太爷社区一个作业:寻找人生目标。 第一步:我真正的人生目标是什么? 第二步:列出50个职业,可根据职业的...
    后知后觉一只猪阅读 1,330评论 0 0
  • 文|木人石心两点水 《暧之伤,殇之爱》第一部 目录 《暧之伤,殇之爱》23 “噢。”辛心昕在意味深长谁的“噢。” ...
    木人石心两点水阅读 289评论 0 1