Alber.F - layui
type: channel
link: https://alberf.cn/tag/layui/
items: 利用layui（layer）table导出模块将静态表格导出excel

利用layui（layer）table导出模块将静态表格导出excel
type: item
date: 2023-01-04T08:41:00+08:00
description: layui的table自带导出excel的toolbar，但这个table的导出功能仅限于动态的表格。有时候我们需要用到静态表格，比如： 完成日期 物料代码 名称 批号 检验人 检验结果 检验结论 1 2022-12-02 22716 71试剂盒 2207123 检验1 CV差异依旧较大 不合格 查看详情 2 2022-12-05 K111 11试剂盒 211125 检验2 合格 查看详情 对于这类表格（有明显的thread和tbody），可以先用jquery获得th和各行的td内数据，主要需要排除的单元格要对应，不然表格容易出乱，然后引用layui（layer）自带的导出模块exportFile，具体代码如下：layui.use(['element','table'], function(){ var $ = layui.jquery ,table = layui.table ,layer = layui.layer; $("#btnExport").click(function (){ var tharr=[],trarr=[]; var th=$("#showdata thead").find('th'); for (i=1;i<th.length-1;i++ ){ tharr.push(th[i].innerText); } $('#showdata tbody tr').each(function() { var tds = $(this).find("td"); var tdarr=[]; for (i=1;i<tds.length-1;i++ ){ tdarr.push(tds[i].innerText); } trarr.push(tdarr); }); table.exportFile( tharr,trarr,'检验数据.xls'); }); }); 记得在合适的位置添加触发的导出按钮 参考： https://www.cnblogs.com/webSnow/p/15475892.html