layui table 导出excel 兼容IE浏览器

layui自带的excel导出不兼容ie,所以需要自己配置一些东西。
参考:https://fly.layui.com/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)', 
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值