遇上一个问题,客户需要导出复杂表格的文档,合并单元格又不固定,就想了个简单方式,直接导出word文档,简单粗暴
html部分代码如下:
<button type = "button" id="btn" class="layui-btn" style="margin-left: 20px;margin-top: 15px;"><i class="layui-icon"></i>导出数据</button>
<div class="layui-fluid" id="export_word">
....复杂表格内容.....(需要打印的内容)
</div>
JS代码如下:
<script>
layui.config({
base: '/xwfbh/public/static/okadmin/js/'
}).extend({
FileSaver: 'FileSaver',
wordexport: 'wordexport'
});
layui.use(['laydate','form', 'table','FileSaver','wordexport'], function() {
var table = layui.table,
form = layui.form,
FileSaver = layui.FileSaver,
wordexport = layui.wordexport,
$ = layui.jquery;
$("#btn").click(function(){
$("#export_word").wordExport('举办新闻发布会次数统计');
});
});
需要用到的js扩展 FileSaver.js 和 wordexport.js,也放置了下载链接,需要自行取用。