Layui table导出功能如何过滤掉不需要的列-Layui教程-PHP中文网

必须手动过滤 table.cache 或 table.getdata() 返回的数据再传给 exportfile，因为 export: false 和 hide: true 在 layui 源码中未被读取，导出时若不传 data 参数会直接读取 table.cache['id'] 中所有字段，包括 field 存在但数据中无对应 key 的列（如 opt），导致 undefined 错误；安全做法是遍历 cols 判断 col.field 是否保留，构建新对象并确保 key 与 col.field 一致；注意分页场景下 table.cache 仅为当前页数据，需用 table.getdata() 获取全量数据，且 csv 导出需加 bom 头、日期需转字符串、templet 渲染内容需手动映射。

必须手动过滤 table.cache 或 table.getdata() 返回的数据，再传给 exportfile；任何列配置里的 export: false、hide: true 或 css 类名（如 layui-hide）对导出逻辑完全无效。

为什么 `export: false` 和 `hide: true` 不起作用

Layui 源码中根本没读取这两个字段。导出时若不传 data 参数，exportFile('id') 会直接读取 table.cache['id'] 中所有字段 —— 即使你在列里写了 hide: true，只要该列有 field（比如 'opt'），且对应 key 存在于 cache 对象中，它就会被原样导出。

常见错误：表格上看不到“操作”列，但 Excel 里整列都是 undefined 或空值，甚至报 Cannot read property 'opt' of undefined
原因：列配置里写了 field: 'opt'，但实际数据对象中没有 opt 这个 key，导出时强行取值就崩了
真正安全的做法是：在构造导出数据前，用 cols.forEach 显式判断 col.field 是否该保留，再决定是否往新对象里赋值

怎么手动过滤掉操作列、序号列等不需要的字段

核心是两步：拿到原始数据 + 按 cols 定义逐列筛选。注意别只删 title，要整条列配置对象跳过，同时确保清洗后对象的 key 名和 col.field 严格一致。

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

先获取列定义：const cols = layui.table.config.cols['userTable'][0]
再取数据源：const cacheData = layui.table.cache['userTable']（仅当前页）或 layui.table.getData('userTable')（全量，需 Layui 2.7+）

过滤逻辑示例（跳过 opt、LAY_TABLE_INDEX、序号列）：

const exportData = cacheData.map(row => {
  const obj = {};
  cols.forEach(col => {
    if (col.type === 'numbers' || col.field === 'opt' || col.field === 'LAY_TABLE_INDEX') return;
    obj[col.field] = row[col.field] || '';
  });
  return obj;
});

调用导出：layui.table.exportFile('userTable', exportData, 'xlsx')（显式传 data 是关键）

CSV 导出中文乱码和日期变数字的坑

这不是列过滤问题，但总和过滤一起发生。导出 CSV 时 Excel 默认用 ANSI 打开，导致中文成问号；日期字段是时间戳，Excel 会把它当数字处理。

CSV 必须加 BOM 头：'\ufeff' + csvString，但 exportFile 不支持插 BOM，得绕过它走自定义下载：layui.util.download({ data: '\ufeff' + csvContent, type: 'csv', filename: 'data.csv' })
日期字段导出前必须转字符串：new Date(row.create_time).toLocaleString()，否则 Excel 里显示为 1712345678000
如果列用了 templet（如把 1 渲染成“启用”），导出时不会自动映射 —— 你得在清洗逻辑里手动做：obj.status = row.status === 1 ? '启用' : '禁用'