jQuery表格导出Excel文件

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

 43309  346  查看评论 (29)
分享到微信朋友圈
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();
    });
});
相关插件-独立的部件,杂项

js上下文菜单插件basicContext.js

basicContext.js 强大的纯Js上下文菜单插件
  独立的部件
 19124  261

jQuery自动定位当地天气预报

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

jQuery实现弹幕实例

一个很好用的实例,适合新手
  独立的部件
 19941  219

jQuery二维码生成插件qrcode.js

应用小工具二维码生成
  独立的部件
 27447  353

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

    Chad 0
    2020/1/15 10:45:34
    请问如何导出分页的表格 回复
    广州市猜想服饰-信息科 0
    2019/8/29 11:13:23
    点击导出,为什么会导出两个内容一样的excel文件 回复
    0
    2019/8/28 11:52:09
    怎样自定义保存的文件名,保存的文件路径, 回复
    E。生 0
    2019/7/1 16:27:57
    请问楼主,那个表格使用Row()自动生成的,导出时数据是空的,请问怎么弄
    回复
    E。生 0
    2019/7/1 15:33:22
    可以导出动态表格吗
    回复
    南康@【白开水】 0
    2019/7/1 14:36:15
    连IE9都不能兼容啊 回复
    raohuohua 0
    2019/6/12 9:40:02
    VM6143:209 Uncaught TypeError: Cannot read property 'length' of undefined
        Wendy.L0
        2019/8/21 11:36:57
        请问你找到了解决办法了么
        冷酷的复读机1
        2020/2/10 21:37:37
        很可能是因为你没有把demo.page.js里的src_id指定的id添加到table标签下,而是错加在thead或者tbody标签下。或者id写错了,不一致,再仔细看看。我报错就是因为这两个原因
    回复
    笑对生活 0
    2019/6/12 8:27:07
    求教,导出的表格,如果是以0开头的数字串,如"0001234567",导出时前面的0不见了,怎样设置列为文本格式再导出
        bruce05230
        2019/6/26 18:18:18
        同求,解决了吗,麻烦告知一下怎么解决的
        新海科技0
        2019/7/29 17:59:46
        加引号就行(转字符串)
        Terence0
        2019/12/12 17:18:00
        如何解决?
    回复
    1358046138 0
    2019/6/4 10:45:13
    怎么去掉头信息默认的样式 回复
    |.逍遥ギ¤沉默∮ 0
    2019/4/24 10:59:58
    一个excel有多个sheet怎么操作 回复
取消回复