UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery表格导出Excel文件

所属分类：其他-独立的部件,杂项

 70855  498  查看评论 (40)
分享到微信朋友圈
X
jQuery表格导出Excel文件 ie兼容10
 查看演示  立即下载

使用方法

需要引用以下几个主要文件

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="jszip.min.js"></script>
<script type="text/javascript" src="external/FileSaver.js"></script>
<script type="text/javascript" src="scripts/excel-gen.js"></script>
<script type="text/javascript" src="scripts/demo.page.js"></script>

html表格数据,表格id为test_table

<table class="table table-bordered table-striped" id="test_table">
    <thead>
        <tr>
            <td>等级</td>
            <td>姓名</td>
            <td>城市</td>
            <td>州</td>
            <td>部门</td>
            <td>选取</td>
            <td>票数</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <span>1</span>
            </td>
            <td>
                <span>Small, Steve </span>
            </td>
            <td>
                <span>New York</span>
            </td>
            <td>
                <span>NY</span>
            </td>
            <td>
                <span>Eastern</span>
            </td>
            <td>
                <span>Metropolitan Region</span>
            </td>
            <td>
                <span>378</span>
            </td>
        </tr>
        <tr>
            <td>
                <span>2</span>
            </td>
            <td>
                <span>Novello, Rodolfo </span>
            </td>
            <td>
                <span>Lawrence</span>
            </td>
            <td>
                <span>NY</span>
            </td>
            <td>
                <span>Eastern</span>
            </td>
            <td>
                <span>Long Island Region</span>
            </td>
            <td>
                <span>223</span>
            </td>
        </tr>

         </tbody>
</table>

js代码

$(document).ready(function () {
    excel = new ExcelGen({
        "src_id": "test_table",
        "show_header": true
    });
    $("#generate-excel").click(function () {
        excel.generate();
    });
});
相关插件-独立的部件,杂项
查看更多

jQuery分享插件jquery.share.js

 jQuery分享插件jquery.share.js享到QQ、微信、微博、google、in、tweeter等
  独立的部件
 117137  639

复制剪切粘贴插件clipboard.js

 clipboard.js能够实现复制剪切粘贴的功能，实例方法全。
  独立的部件
 60770  418

jQuery表格 可选择导出各种格式

 表格内容详情可选择导出各种格式（Excel(xls)、PDF、PNG）
  独立的部件
 52001  509

可停靠屏幕边缘的侧边栏插件

 我自己封装的可停靠屏幕边缘的侧边栏插件，可以制作页面的通知信息，客服信息，联系方式等
  独立的部件
 38078  453

讨论这个项目（40）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    3456 0
    2024/1/9 10:05:13
    身份证号码导出后显示为科学计数，可以解决吗？ 回复
    2656078066 0
    2022/11/14 16:57:15
    这个插件，对于少少量数据还行，超出千条数据以为直接挂了😥 回复
    ╀玖惜岚???? 0
    2020/11/24 14:32:32
    如何去掉套用的excel样式
        BattleofLexington1
        2020/11/24 20:45:44

        用正则先对表格数据过滤掉样式代码，在导出execel.
        例子：

        <td style="background:red;color:#fff;border:1px solid red;">内容</td>

        js:

        var reg = /style\s*?=\s*?(['"])[\s\S]*?\1/;
var result = '<td style="background:red;color:#fff;border:1px solid red;">内容</td>'.replace( reg , '');

        结果:

        <td >内容</td>
    回复
    ╀玖惜岚???? 0
    2020/11/24 13:21:30
    如何去掉excel表格背景色？ 回复
    ╀玖惜岚???? 0
    2020/11/16 12:57:42
    如何修改默认文件名
        BattleofLexington1
        2020/11/16 13:46:21

        excel-gen.js中第378行

        saveAs(content, "example.xlsx");
        ╀玖惜岚????0
        2020/11/24 14:33:03
        谢谢
    回复
    Chad 0
    2020/1/15 10:45:34
    请问如何导出分页的表格 回复
    广州市猜想服饰-信息科 0
    2019/8/29 11:13:23
    点击导出，为什么会导出两个内容一样的excel文件
        思绪跑了调wx0
        2020/11/19 14:30:17
        最后你是怎么解决的？？？我也遇到了
    回复
    火 0
    2019/8/28 11:52:09
    怎样自定义保存的文件名，保存的文件路径，
        一缕清风自在飞1
        2023/7/26 16:00:27

        在 excel-gen.js中第44行里面的数组添加一行： "savename":"导出数据",
        然后修改原先excel-gen.js中第378行的内容，将saveAs(content, "example.xlsx");改成  saveAs(content, this.options.savename +  ".xlsx");

        一缕清风自在飞1
        2023/7/26 16:02:36
        //调用方法:
excel = new ExcelGen({
      "src_id": "test_table",      
      savename": "保存的数据",      // 自定义保存的文件名
      show_header": true
});
excel.generate();
    回复
    E。生 0
    2019/7/1 16:27:57
    请问楼主，那个表格使用Row（）自动生成的，导出时数据是空的，请问怎么弄
    回复
    E。生 0
    2019/7/1 15:33:22
    可以导出动态表格吗
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复