使用jquery [ tableExport ]导出excel、pdf、图片等

可以下载 tableExport.min.js

下载插件tableExport地址：

导出excel(xls格式)

引入下载的插件

<!--引入相关插件,注意jquery插件的版本号要大于等于1.9.1-->
<script src="plugin/jquery-1.11.3/jquery-1.11.3.min.js"></script>
<script src="plugin/tableExport/libs/FileSaver/FileSaver.min.js"></script>
<script src="plugin/tableExport/tableExport.min.js"></script>

html部分

<!--表格,id为tables-->
<table id="tables">...</table>
<!--导出按钮,id为export-->
<input type="button" id="export" value="导出"/>

js部分

<!--初始化插件-->
$("#export").click(function(){
    $("#tables").tableExport({
        type:"excel",
        escape:"false",
    });
});

导出excel(xls格式)

引入下载的插件

<!--引入相关插件,注意jquery插件的版本号要大于等于1.9.1-->
<script src="plugin/jquery-1.11.3/jquery-1.11.3.min.js"></script>
<script src="plugin/tableExport/libs/FileSaver/FileSaver.min.js"></script>
<script src="plugin/tableExport/libs/js-xlsx/xlsx.core.min.js"></script>
<script src="plugin/tableExport/tableExport.min.js"></script>

html部分

<!--表格,id为tables-->
<table id="tables">...</table>
<!--导出按钮,id为export-->
<input type="button" id="export" value="导出"/>

js部分

<!--初始化插件-->
$("#export").click(function(){
    $("#tables").tableExport({
        type:"xlsx",
        escape:"false",
    });
});

更多操作可参考