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)',