Layui 简单导出复杂表格,直接导出需要内容的文档.doc

∫`不撒娇的折耳猫 2021-4-16 1210

遇上一个问题,客户需要导出复杂表格的文档,合并单元格又不固定,就想了个简单方式,直接导出word文档,简单粗暴

html部分代码如下:

<button type = "button" id="btn" class="layui-btn" style="margin-left: 20px;margin-top: 15px;"><i class="layui-icon">&#xe615;</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,也放置了下载链接,需要自行取用。


上传的附件:
最新回复 (0)
发新帖