Layui原生exportFile()不支持多级表头导出，因其仅遍历thead>tr>th扁平结构、忽略rowspan且只取最后一行tr为表头，导致Excel列错位；需用SheetJS手动构建二维数组并设置!merges，或选用table2excel插件。
layui 原生 table.exportfile() 不支持多级表头导出，任何尝试直接调用它处理带 colspan/rowspan 的表头，都会导致 excel 列错位、标题丢失或数据偏移。
为什么原生导出会把多级表头“拍平”
Layui 导出逻辑只遍历 thead > tr > th 的扁平结构，遇到 colspan="2" 就当成两个独立列，但不补空单元格占位；更关键的是，它默认只取最后一行 tr 作为表头，前面带 rowspan 的行直接丢弃。结果就是：DOM 里看着是两行合并表头，导出后变成单行、列数对不上，Excel 按纯列数解析就全乱了。
常见错误现象包括：
- Excel 打开后提示“文件格式与扩展名不匹配”（本质是 CSV 改后缀）
- 第一行标题消失，只剩第二行字段名
- “部门”“姓名”“年龄”三列被挤成两列，数据整体右移
- 表格启用了
toolbar: true或 JS 初始化时传了cols，导出时完全忽略 HTML 中写的colspan
必须手动构造二维数组 + !merges 才能还原合并效果
想让 Excel 真正显示合并单元格，得绕过 exportFile，用 xlsx（SheetJS）从零构建 workbook。核心是两步：把多级表头转成“补空”的二维数组，再显式声明哪些区域要合并。
实操要点：
- 用
$('table .layui-table thead th')遍历 DOM，提取每个th的colspan、rowspan、文本和位置 - 按行扫描，生成类似
[["部门", "", "姓名", ""], ["研发部", "测试部", "张三", "李四"]]的二维数组（空字符串占位） - 构造
!merges数组，例如{s:{r:0,c:0},e:{r:1,c:0}}表示第 0 行第 0 列到第 1 行第 0 列合并 - 调用
XLSX.utils.aoa_to_sheet()转数组，再赋值ws['!merges']，最后写入文件
用 table2excel 插件可省去手动解析 DOM 的麻烦
如果不想手写合并逻辑，table2excel 是个轻量级替代方案，它内部已封装了对 colspan/rowspan 的解析，兼容 Layui 固定列、合计行等特性。
使用前注意：
- 下载 dist 目录下的
table2excel.min.js，引入页面 - 确保你的表头 DOM 是真实结构（不是 CSS 视觉模拟），且每行
th的总列数（按colspan展开后）严格等于tbody td数量 - 调用方式极简：
let t2e = new Table2Excel(); t2e.export($('#tableId'), '报表'); - 不支持自定义样式或公式，但胜在稳定、适配 Layui 渲染后的实际 DOM
真正难的不是写代码，而是准确还原 DOM 中跨行跨列的语义——比如某 th 的 rowspan=2 但下面一行没对应 th 占位，xlsx 构建时就会错位。动手前务必用开发者工具确认 thead 结构是否合规。
