前端导出(jquery.wordexport.js、tableExport.js、Blob对象、xlsx等)
后端导出(poi、poi-tl、easypoi)
前提:只支持简单导出(内容少,不要求样式,只支持导出)
引入js:
jquery.js
FileSaver.js //处理图片
jquery.wordexport.js
使用
$("#showDIV").wordExport(FileName)
处理
function export() {
var htmlstr = $("#page").html();//table所在div
$('#printWord').html(htmlstr);
$('#printWord div[data-role=pager]').remove();//把分页div删除
$('#showDIV script').remove();//div引用的js代码删除
$('#name').html(name);
$("#showDIV").wordExport(FileName)
}
<div id="showDIV" style="display:none">
<style>
#printWord table {
border: 1px solid #ddd;
border-collapse: collapse;
width: 95%;
margin: auto;
}
#printWord table tr td {
border: 1px solid #ddd;
}
#printWord table tr th {
border: 1px solid #ddd;
border-radius: 10px;
}
</style>
<h2 style="text-align: center;">
隐患等级数量统计
</h2>
<div style="text-align: right;margin-right: 50px; font-size: 16px;font-style: italic">
<span style="color: blue;">标题</span>:<span id="name"></span>
</div>
<div id="printWord" />
</div>
博客:
html:https://www.cnblogs.com/wyl1924/p/9896448.html?ivk_sa=1024320u
vue:https://blog.csdn.net/MISS_CJL/article/details/89466710
引入js:
jquery.js
FileSaver.js //处理图片
tableExport.js
base64.js //避免导出中文时乱码的js文件
使用
$("#btnExport").click(function(){
$("table").tableExport({
type: 'excel',
ignoreRow: [1,2],//不导出的行:从0开始
ignoreColumn: [5],//不导出的列:从0开始,忽略第5列
htmlContent: true,
fileName: title,//文件名
worksheetName: title,//sheet表的名字
excelstyles: ['text-align', 'font-size', 'font-weight', 'line-height', 'border-collapse', 'height', 'overflow', 'white-space', 'text-overflow'],若table表格中使用了以下指定的样式属性,则将该样式同步到Excel中(可以保留表格原有的样式到Excel中)
});
});
function daochu() {
// 使用outerHTML属性获取整个table元素的HTML代码(包括