jquery.table2excel是一款将html中table表格导出excel文件的jquery插件

jquery.table2excel是一款将html中table表格导出excel文件的jquery插件

jquery.table2excel是一款将html中table表格导出excel文件的jquery插件。

使用方式:

第一步引入bfwone 加载依赖项jquery

第二步use插件及css

第三步配置参数

示例代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {

            $("#export").click(function() {
                use(["jquery.table2excel.min"], function() {
                    $("#score").table2excel({

                        exclude: ".noExl", //忽略元素

                        name: "Excel Document Name", //表格名称

                        filename: "myFileName", //表格文件名

                        exclude_img: true, //是否忽略图片

                        exclude_links: true, //是否忽略链接

                        exclude_inputs: true//是否忽略input、输入

                    });
                });
            })

        });
    </script>
    <style>
    </style>
</head>
<body>
    <table id="score" cellspacing="0" cellpadding="0" border="1" solid="#000000">
        <tr>
            <td class="td0">姓名</td>
            <td class="td1">班级</td>
            <td class="td2">数学成绩</td>
            <td class="td3">历史成绩</td>
        </tr>
        <tr>
            <td class="td0">张三</td>
            <td class="td1">1</td>
            <td class="td2">65</td>
            <td class="td3">83</td>
        </tr>
        <tr>
            <td class="td0">李四</td>
            <td class="td1">1</td>
            <td class="td2">34</td>
            <td class="td3">89.5</td>
        </tr>
        <tr>
            <td class="td0">王五</td>
            <td class="td1">2</td>
            <td class="td2">90</td>
            <td class="td3">95</td>
        </tr>
        <tr>
            <td class="td0">赵六</td>
            <td class="td1">2</td>
            <td class="td2">76.3</td>
            <td class="td3">80.1</td>
        </tr>
    </table>

    <div class="checkbox"></div>
    <button id="export" class="layui-btn icon-btn">导出excel</button>

</body>
</html>



立即下载jquery.table2excel.min.js查看所有js插件

网友评论0

程序员在线工具箱