html中的table元素数据下载导出成表格,使用jquery插件 jquery.table2excel.js
需要把网页上类似如下的数据导出到本地。jquery.table2excel.js(我真搞不懂像这种开源的东西还有人放在CSDN上当作资源让人用积分/C币去下载)点进src文件下载里面的文件到本地即可,也可以去看看demo里的语法案例,看看怎么使用。可以看这个实际解决:table标签js文件(对了,导入一下jquery.js)点击导出表格按钮,成功下载到了文件这种方法很奇怪,比如导出的表格用exce
·
需求:
需要把网页上类似如下的数据导出到本地。
下载地址:
jquery.table2excel.js
(我真搞不懂像这种开源的东西还有人放在CSDN上当作资源让人用积分/C币去下载)

点进src文件下载里面的文件到本地即可,也可以去看看demo里的语法案例,看看怎么使用。
可以看这个
$("#yourHtmTable").table2excel({
exclude: ".excludeThisClass",
name: "Worksheet Name",
filename: "SomeFile.xls", // do include extension
preserveColors: false // set to true if you want background colors and font colors preserved
});
实际解决:
table标签
<div class="out">
<h3>输出结果</h3>
<table id="totalYear">
<thead>
<tr>
<th>序号</th>
<th>属性</th>
<th>数值</th>
<th>单位</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div class="outExcel">
<button id="outExcel"><span>导出表格</span></button>
</div>
</div>
js文件(对了,导入一下jquery.js)
$('#outExcel').on('click', function () {
$('#totalYear').table2excel({ //这里要选择table标签 我这里是用id选择
exclude: '.not', //不被导出表格行的class类
name: 'Worksheet Name', //Worksheet Name
filename: `wholeCycle${new Date().toLocaleDateString()}.xls`, //文件名称
exclude_img: false, //是否导出图片
exclude_links: false,//是否导出超链接
exclude_inputs: false//是否导出input框中的内容
});
})
点击导出表格按钮,成功下载到了文件

总结
这种方法很奇怪,比如导出的表格用excel打开会提示表格损坏扩展名不一致之类的。
目前知识还比较薄弱。先解决问题。或者有大佬有更好方法,可以提出来
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)