jQuery表格导出Excel文件

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

 70604  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();
    });
});
相关插件-独立的部件,杂项

操作浏览器标题栏插件Title.js

Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
  独立的部件
 43825  359

jquer网页打印插件PrintArea.js

jquery实现页面打印可局部打印
  独立的部件
 71624  404

jQuery自动定位当地天气预报

jQuery调用新浪天气,显示城市天气气温风向风级图标白天夜间
  独立的部件
 62978  438

jQuery前端excel导入插件xlsx.core.js

此插件作用可以把excel表,导入到网页中用table显示出来
  独立的部件
 57258  417

讨论这个项目(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
    可以导出动态表格吗
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复