Layui Table 默认不支持真正 Excel（.xlsx）导出，table.exportFile() 仅导出 CSV 文本，易出现乱码、无样式、科学计数法等问题；需用 SheetJS 前端生成真实 .xlsx，或交由后端流式导出全量数据。
layui table 默认不支持 Excel 导出，得自己加逻辑
layui 的 table 组件本身没有内置导出 excel 功能，所谓“导出 excel”实际是前端生成 .xlsx 文件或后端吐出文件流。直接调用 table.exportfile() 只能导出 csv（纯文本），不是真正的 excel（.xlsx），双击打开可能乱码、无样式、不识别日期/数字格式。
常见错误现象：table.exportFile() 导出的文件后缀是 .xls 或 .xlsx，但用 Excel 打开提示“文件格式和扩展名不匹配”，点“是”才能勉强看——本质还是 CSV 冒充 Excel。
- 如果你只需要简单表格、兼容性要求低，用
table.exportFile()+type: 'csv'最省事 - 如果要带样式、合并单元格、正确识别数字/日期，必须用
xlsx库（如 SheetJS）在前端生成真实 .xlsx - 如果数据量大（>5000 行）、含服务端计算字段或权限过滤，导出逻辑应放在后端，前端只触发下载
用 SheetJS（xlsx）在前端生成真实 Excel 文件
SheetJS 是目前最稳定的前端 Excel 生成方案，layui 表格数据可直接转成二维数组喂给它。注意：不能直接传 table.cache 原始对象，要先做字段映射和清洗。
使用场景：中小数据量（≤1w 行）、字段结构固定、无需服务端加工。
实操建议：
- 引入
https://cdn.sheetjs.com/xlsx-0.20.2/package/dist/xlsx.full.min.js（务必用 full 版，支持写入样式） - 从
table.config.cols提取表头文字，用table.cache[tableName]拿当前页或全量数据（注意分页影响） - 日期字段需手动转为 JS Date 对象，否则导出是时间戳；数字字符串（如 "123.00"）要
parseFloat()否则 Excel 当文本处理 - 调用
XLSX.utils.aoa_to_sheet()传入 [headers, ...rows]，再用XLSX.writeFile()触发下载
简短示例：
const data = table.cache['myTable'] || []; const headers = ['姓名', '邮箱', '入职时间', '薪资']; const rows = data.map(item => [ item.name, item.email, new Date(item.joinDate), // 确保是 Date 类型 parseFloat(item.salary) ]); const ws = XLSX.utils.aoa_to_sheet([headers, ...rows]); XLSX.writeFile(ws, '员工列表.xlsx');
后端导出：避免前端卡死和数据不一致
当表格启用了服务端分页、搜索、权限字段脱敏，或单次导出超 1w 行时，前端拼数据既不可靠又容易崩溃。此时必须走后端接口，且不能复用前端请求参数（比如把 page=1&limit=10 直接拿去查库导出）。
容易踩的坑：
- 没加
export=1类似标识，导致后端按分页逻辑只返回第一页数据 - 前端传了
where搜索条件，但后端没透传或 JSON 解析失败，导出空数据 - 响应头没设
Content-Disposition: attachment; filename="xxx.xlsx"，浏览器直接渲染二进制内容，显示乱码 - 后端用 POI 或 EPPlus 生成 Excel，但未设置单元格类型（如把手机号当数字存，导出后变成 1.38E+10）
推荐做法：前端用 location.href 或 fetch + response.blob() 触发下载，URL 携带完整筛选参数，后端忽略分页，查全量并流式写入。
导出按钮放哪？怎么控制权限和状态
别直接塞在 toolbar 里用 lay-event 绑定——用户点了没反应、报错、重复点击，都没反馈。导出是重操作，必须有显式状态控制。
实操建议：
- 按钮用独立 DOM（如
<button id="exportBtn">），禁用状态通过addClass('layui-btn-disabled')+attr('disabled', true)双保险 - 点击后立即置灰按钮，防止重复提交；成功后恢复，失败后弹
layer.msg()并保留禁用态 2 秒 - 权限判断不要只靠前端隐藏按钮，后端接口仍需校验
role或permission字段，否则绕过按钮也能调用接口 - 如果导出耗时 >3s，加 loading 提示（
layer.load(2)），别让用户以为卡死了
真正麻烦的从来不是“怎么导出”，而是“导什么”“谁能让它导”“导错了谁负责”。字段映射漏一列、时间格式少转一次、权限多放行一个接口，线上就可能出问题。
