需求:
需要把网页上类似如下的数据导出到本地。
下载地址:
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打开会提示表格损坏扩展名不一致之类的。
目前知识还比较薄弱。先解决问题。或者有大佬有更好方法,可以提出来