layui table.exportFile()导出无样式因仅导出纯数据（CSV格式），忽略CSS和DOM渲染；需用sheetjs解析含内联样式的HTML字符串，或服务端生成带样式Excel。
layui table.exportFile() 导出的 Excel 为什么没有样式
因为 table.exportfile() 底层用的是纯数据导出（类似 csv），它只取 data 字段值，完全忽略 dom 渲染、css 类、颜色、边框、合并单元格等前端样式。不是 bug，是设计如此——它定位就是「快速导出原始数据」。
如果你看到导出后表格一片白底黑字、无背景色、无居中、无边框，说明你正踩在这个默认行为上。
想保留样式，必须换导出方式：用 sheetjs + html2canvas 组合
原生 layui 不提供带样式的 Excel 导出，得自己拼装 HTML 表格快照 → 转图片或转 Excel。更可行的路径是：把当前渲染好的 table 区域（含所有 class 和内联样式）转成标准 HTML 表格字符串，再喂给 xlsx（sheetjs）生成带样式的 .xlsx 文件。
- 先用
$("body").find(".layui-table-view .layui-table")找到真实渲染的表格 DOM - 用
outerHTML取出完整 HTML 字符串（保留style属性和 class） - 用
XLSX.read(..., {type: 'string'})解析该 HTML 字符串（需开启cellStyles: true） - 注意：sheetjs 对 CSS 支持有限，仅识别
style="text-align:center;background:#f0f0f0;"这类内联样式，不认外部 CSS 或 class 定义
layui 表格里带自定义模板列（templet）导出时内容错乱
导出前没做预处理，templet 里的图标、按钮、开关等 DOM 元素会原样塞进 Excel，变成乱码或空值。Excel 不认识 <i class="layui-icon"></i> 这种写法。
- 导出前遍历表格数据，对每列执行
templet函数，只取返回的纯文本（比如把开关转成「启用/停用」） - 避免在
templet里返回复杂 HTML；如果必须展示状态色块，改用 Unicode 符号 + 纯文本描述（如「✅ 已通过」） - 不要依赖
table.cache直接导出，它不包含templet渲染结果，而是原始字段值
导出大表格时内存溢出或卡死
html2canvas 截图整张表格，或用 sheetjs 解析大 HTML 字符串，都会吃大量内存。1000 行以上就容易触发浏览器崩溃或 RangeError: Maximum call stack size exceeded。
- 限制单次导出行数，加提示：
if (data.length > 500) return layer.msg('建议导出不超过 500 行'); - 导出前移除非必要 DOM：隐藏分页栏、工具栏、loading 遮罩，减少 html2canvas 处理量
- 不用 html2canvas 截图 → 改走「服务端渲染 Excel」：把当前 table 的 data + column 配置发到后端，由 Python（openpyxl）或 Java（Apache POI）生成带样式的文件
真正保留样式的关键不在前端“怎么导”，而在“导什么”——你得把样式信息显式传进去，而不是指望浏览器自动猜。class 名、CSS 规则、伪元素、动态计算样式，全都不会进 Excel。能进的只有你亲手塞进去的 style 属性和纯文本内容。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
