导出时工具栏按钮混入Excel是因为操作列配置了field（如'opt'）导致其键被写入table.cache并导出；需手动过滤cache数据，剔除非法field后再调用exportFile。
导出时为什么工具栏按钮会混进 Excel
因为 table.exportfile() 默认读取的是 table.cache['your-table-id']，而这个缓存对象的字段完全由列配置 cols 中的 field 决定——只要某列写了 field: 'opt' 或 field: 'action'，哪怕它只渲染一个“编辑”按钮，这个 opt 键就会出现在每行缓存数据里。导出时一并写入 excel，就成了空列或乱码列。
怎么确认哪一列是操作列
打开浏览器控制台，执行：layui.table.config.cols['your-table-id'][0]（把 your-table-id 换成你表格的 lay-filter 值），逐个查看数组中每个列对象的 field 值。操作列通常满足以下任一特征：
-
field是'opt'、'handle'、'action'这类明显非业务字段的字符串 -
field为null或空字符串''（此时 Layui 会自动生成类似"LAY_TABLE_INDEX"的键，也要排除） - 该列用了
templet渲染按钮但没设field—— 这种列在cache中根本不会出现，不用处理
手动过滤 cache 数据再导出
别依赖 CSS 隐藏或 hide: true，这些对导出完全无效。必须在调用 exportFile 前，构造一个剔除操作列字段的新数据数组：
- 用
table.cache['your-table-id']获取原始行数据 - 遍历
layui.table.config.cols['your-table-id'][0]，收集所有要保留的field名（跳过操作列） - 对每行数据，只提取这些白名单
field对应的值，组成新对象 - 把新数组传给
table.exportFile('your-table-id', cleanedData, { filename: 'xxx.xlsx' })
示例关键片段：
const cacheData = table.cache['userTable'] || [];
const cols = layui.table.config.cols['userTable'][0];
const validFields = cols.filter(col => col.field && !['opt', 'action'].includes(col.field)).map(col => col.field);
const exportData = cacheData.map(row => {
const cleaned = {};
validFields.forEach(field => {
cleaned[field] = row[field];
});
return cleaned;
});
table.exportFile('userTable', exportData, { filename: '用户数据.xlsx' });
工具栏按钮本身不影响导出，但容易混淆源头
表格顶部的 toolbar（比如“新增”“刷新”按钮）和表格内部的操作列是两回事。前者只是触发事件的 UI 元素，不参与数据建模；后者才是往 cache 里塞字段的元凶。所以问题从来不在 toolbar 模板写了什么图标，而在于你定义列时有没有给操作列分配了 field。如果模板里按钮列没写 field，它压根不会污染 cache —— 这种情况反而最省心。
