前端把html表格生成为excel表格的实例

下面小编就为大家带来一篇前端把html表格生成为excel表格的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

最近公司改后台管理系统。要求导出台账项目等等为excel表格,找半天还真有,他是通过query.table2excel.js 实现,原谅我原生不会弄这个当然大家有可以给我留言。

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <table> //表格 <tr> //加class是为了有些你不想导出用来选则 <th>Header</th> <th>111</th> </tr> <tr> <td>Data</td> <td>222</td> </tr> </table> <button>导出</button> <script src="https://www.jb51.net/js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>//引入jquery <script src="https://www.jb51.net/js/jquery.table2excel.js" type="text/javascript" charset="utf-8"></script> //引入jquer插件 <script type="text/javascript"> $("#btn").click(function(){ //点击按钮执行导出 $(".table").table2excel({ //选取导出的表格 exclude: ".noExl", //写你不想都想导出的 name: "Excel Document Name", filename: "项目", //导出的文件名 exclude_img: true, //是否导出图片 exclude_links: true, exclude_inputs: true }); }) </script> </body> </html>

以上这篇前端把html表格生成为excel表格的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyzxsp.html