如何解决DataTables导出Excel仅导出可见行问题？需导出全部行

你的代码核心问题是直接用DataTables的数据数组构建表格，而非实际渲染的DOM行元素，导致table2excel无法识别正确的表格结构，最终只导出了原表格的可见行。以下是修复方案：

修复后的代码 #

$(document).ready(function() {
    $('#downloadBtn').click(function() {
        // 获取DataTables实例
        var table = $('.table2excel').DataTable();
        // 获取所有行的DOM节点（包含分页隐藏的行）
        var allRowNodes = table.rows().nodes();
        // 创建临时表格，复制原表头结构
        var tempTable = $('<table>').append($('.table2excel thead').clone());
        // 创建tbody容器，批量添加所有行
        var tbody = $('<tbody>');
        $.each(allRowNodes, function(index, row) {
            // 排除不需要导出的行（匹配exclude参数的类）
            if (!$(row).hasClass('noExl')) {
                tbody.append($(row).clone());
            }
        });
        tempTable.append(tbody);
        // 调用table2excel执行导出
        tempTable.table2excel({
            filename: 'data.xls',
            sheetName: 'Sheet1',
            exclude: '.noExl',
            preserveColors: true
        });
        // 导出完成后清理临时表格
        tempTable.remove();
    });
});

关键修改点 #

• 替换table.rows().data().toArray()为table.rows().nodes()：nodes()返回的是DataTables中所有行的DOM元素（包括分页隐藏的行），而非纯数据数组，能直接用于构建table2excel可识别的表格结构。
• 克隆DOM行节点：直接复制原行的HTML结构，保证导出内容和表格显示完全一致，同时不会破坏原表格的状态。
• 手动过滤noExl类行：提前排除无需导出的行，减少临时表格的冗余内容，和table2excel的exclude参数形成双重保障。
• 清理临时表格：避免临时元素留在DOM中造成冗余。

额外适配（可选） #

如果你的DataTables有手动隐藏的列，可添加以下代码同步列的可见性，保证导出结果和表格显示逻辑一致：

// 同步原表格的列隐藏状态
tempTable.find('th, td').each(function(colIndex) {
    if (!table.column(colIndex).visible()) {
        $(this).hide();
    }
});

内容的提问来源于stack exchange，提问作者Choudhary