Layui导出列顺序需显式传headers参数，否则依赖不可靠的对象属性遍历顺序；必须严格按导出顺序构造headers数组，并与data中key完全一致，同时处理templet渲染字段和序号列位置。
导出时列顺序不按预期？必须显式传 headers 参数
layui 的 table.exportfile() 默认按 cols 配置中列的声明顺序导出，但一旦你手动传入 data（比如过滤后的数据），它就不再读取 cols，而是完全依赖你给的 headers 数组来定表头顺序。没传 headers，导出列顺序会变成对象属性遍历顺序（不可靠，尤其在不同浏览器下可能错乱）。
正确做法是：构造二维数组 data 的同时，严格按你想要的导出顺序提供一维字符串数组 headers，且每个值必须和 data 中每行对象的 key 完全一致。
-
headers里字段名大小写、下划线都不能错，比如"user_name"写成"username"就会导致该列全空 - 如果某列用了
templet渲染日期，导出前得先把它转成字符串，否则导出 Excel 里显示[object Object] - 不要用
Object.keys(row)动态取 headers —— 属性顺序不保证，尤其 V8 引擎对数字键会重排
如何让导出顺序和用户勾选顺序一致
用户在弹层里勾选了「创建时间」「部门」「姓名」，但导出后却是「姓名」「部门」「创建时间」——这是因为你把勾选项塞进 data 时没控制字段顺序，只管了“有没有”，没管“谁在前”。
关键动作是：把用户勾选的 field 列表（如 ['create_time', 'dept', 'username']）直接作为 headers，再用它去逐个提取每行数据：
const selectedFields = ['create_time', 'dept', 'username'];
const cacheData = layui.table.cache['userTable'];
const exportData = cacheData.map(row => {
const obj = {};
selectedFields.forEach(field => {
// 处理 templet 或格式化逻辑，例如日期转 YYYY-MM-DD
if (field === 'create_time' && row[field]) {
obj[field] = layui.util.toDateString(row[field], 'yyyy-MM-dd');
} else {
obj[field] = row[field];
}
});
return obj;
});
layui.table.exportFile('userTable', exportData, 'xlsx', '导出报表', {
headers: selectedFields
});
序号列、操作列混在里面怎么排位置
序号列（type: "numbers"）本身无 field，操作列（field: "opt"）又不能导出 —— 但你可能想让序号出现在第一列，后面才是业务字段。这时候不能靠 cols 里的声明顺序，得手动注入并定位。
- 在构造
exportData前，先给每行加一个index字段（注意：分页时用当前页索引，不是全局） - 把
"index"插入到selectedFields数组最前面：['index', ...selectedFields] - 确保列配置里有对应项：
{ field: "index", title: "序号" }，否则导出时虽有数据但表头不显示 - 操作列字段（如
"opt"）必须从selectedFields中彻底剔除，不能留空字符串或null占位
导出列顺序错乱却查不出原因？检查这三点
常见现象是导出 Excel 表头和内容列对不上，比如第二列表头是“邮箱”，内容却是“部门”。问题往往不在逻辑，而在细节绑定。
-
headers数组长度和data[0]对象的 key 数量不一致 —— 多一个少一个都会导致错位 - 表格初始化时某列
field写成了"user-name"（带短横线），但你在headers里写了"user_name"，JS 对象取值失败返回undefined - 用了
templet但没在导出前做转换，导致该字段值是函数或 DOM 元素，导出时被转成空字符串或[object Object]
真正麻烦的不是写代码，而是每次改完都得打开 Excel 手动核对前三行 —— 字段名拼错、顺序漏调、格式没转，三者只要中一个，导出结果就不可信。
