admin管理员组

文章数量:1558102

layui自带的excel导出不兼容ie，所以需要自己配置一些东西。
参考：https://fly.layui/jie/51262/
首先下载 layui_exts 下载地址
下载之后将 layui_exts 引入layui 的目录

在toolbar里增加一个导出按钮 也可以在右边的导出图标重写，在table.render 里记得把 toolbar 加进去

 <script type="text/html" id="toolbarDemo">
     <div class="layui-btn-container">
         <button class="layui-btn layui-btn-sm" id="getCheckData" lay-event="getCheckData" hidden="hidden" style="display:none">
             保存
         </button>
         <span class="layui-btn yutons layui-btn-sm yutons-color-detail" lay-event="table_export">导出</span>
     </div>
 </script>

layui 配置，引入excel.js

  layui.config({
   
        base: '../../Content/layui/layui_exts/'
    })
    //同时加载 excel


这样就已经把 excel.js 引入进来了
全都是被包装好的，所以就直接拿过来用就好了
监听 toolbar “导出”按钮
这里的问题是 IE 浏览器不支持 Array.from() ,所以需要修改一下
Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。比如像这里的DOM 对象

            table.on('toolbar(test)',

本文标签： 浏览器layuitableExcel

版权声明：本文标题：layui table 导出excel 兼容IE浏览器 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1727373194a1111409.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。