Layui数据表格如何实现导出当前页已选中的行数据-Layui教程-PHP中文网

table.checkStatus()仅返回当前页勾选项，非全量数据；导出前需手动按列顺序构造二维数组，校验空数据并提示，确保checkbox配置正确且状态同步。

table.checkStatus() 只返回当前页勾选项，这是前提

很多人误以为 table.checkstatus('id').data 会包含跨页选中的所有行，其实它只取当前页渲染范围内被勾选的原始数据。如果你表格开了分页（page: true），且用户在第 1 页勾了 2 行、第 3 页勾了 1 行，调这个方法只会拿到第 1 页那 2 行——除非你当前正处在第 3 页。这个行为是设计使然，不是 bug。

所以「导出当前页已选中的行」这件事，天然就和 checkStatus() 匹配，不需要额外过滤或跨页合并。

确保表格初始化时写了 id: 'yourTableId'，否则 table.checkStatus('yourTableId') 返回空对象
必须在表格完成首次加载后调用，比如放在 done 回调里，或工具栏按钮的 click 事件中（此时 DOM 已稳定）
如果表格还没渲染完就调，data 是空数组，导出结果只有表头

导出前必须手动构造字段顺序对齐的二维数组

table.exportFile() 不接受对象数组，它内部按列定义顺序（cols[0].field、cols[1].field…）逐字段取值。直接传 checkStatus().data 会静默失败，Excel 或 CSV 里可能全空或错列。

正确做法是先提取表头，再把每行数据按相同顺序 map 成一维数组：

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

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

下载

const status = table.checkStatus('userTable');
const selectedData = status.data;
if (!selectedData.length) return;

// 拿 cols 定义（注意：是 table.config.xxx.cols[0]，不是 cols[0] 直接访问）
const cols = table.config.userTable.cols[0];
const headers = cols.map(col => col.title || col.field);
const rows = selectedData.map(row => 
  cols.map(col => {
    // 处理 templet 渲染字段：比如 status: 1 → "启用"
    if (col.templet) {
      return typeof col.templet === 'function' 
        ? col.templet(row) 
        : row[col.field];
    }
    return row[col.field];
  })
);

table.exportFile(headers, [headers, ...rows], 'csv');