Datatable导出Excel时如何在A1、B1单元格自定义内容后导出表格数据

你的核心需求是在Excel导出的最顶部（A1、B1）添加自定义内容，后续保留原表格的所有内容。之前的代码问题在于直接覆盖了原有表头单元格，没有正确插入新行，导致内容混乱。以下是修正后的完整方案：

修正后的代码 #

$("#boms-table").DataTable({
    "responsive": true,
    "lengthChange": false,
    "autoWidth": true,
    "paging": false,
    "searching": true,
    "info": false,
    "buttons": [{
            extend: 'excel',
            exportOptions: {
                columns: ':visible:not(.exclude)'
            },
            title: "",
            customize: function(xlsx) {
                var sheet = xlsx.xl.worksheets['sheet1.xml'];
                
                // 构建包含A1、B1内容的新行
                var customHeaderRow = '<row r="1">' +
                    '<c r="A1" s="50"><is><t>' + materialPartcode + '</t></is></c>' +
                    '<c r="B1" s="50"><is><t>' + materialDesc + ' - BOM</t></is></c>' +
                    '</row>';
                
                // 将新行插入到所有现有行的最前面
                $('row', sheet).first().before(customHeaderRow);
                
                // 调整原有行的行号及单元格引用，避免冲突
                $('row', sheet).each(function(index) {
                    if (index >= 1) { // 跳过刚插入的第一行，处理原有行
                        var newRowNumber = index + 1;
                        $(this).attr('r', newRowNumber);
                        // 调整每个单元格的引用编号（例如A1→A2）
                        $('c', this).each(function() {
                            var originalRef = $(this).attr('r');
                            var newCellRef = originalRef.replace(/\d+$/, newRowNumber);
                            $(this).attr('r', newCellRef);
                        });
                    }
                });
                
                // 可选：保持原有表头行（现在是第2行）的样式
                $('row:nth-child(2) c', sheet).attr('s', '50');
            },
        },
        {
            extend: 'pdf',
            exportOptions: {
                columns: ':visible:not(.exclude)'
            },
            title: materialPartcode + " - " + materialDesc + " - BOM",
        },
        {
            extend: 'print',
            exportOptions: {
                columns: ':visible:not(.exclude)'
            },
            title: materialPartcode + " - " + materialDesc + " - BOM",
        },
        'colvis'
    ],
}).buttons().container().appendTo('#boms-table_wrapper .col-md-6:eq(0)');

关键修正点 #

• 插入新行而非覆盖原有单元格：通过创建新的<row>元素插入到最顶部，避免破坏原表格的表头和数据结构。
• 调整行号和单元格引用：原有行的行号和单元格引用（如A1）需要同步下移，防止Excel解析时出现单元格冲突。
• 保留样式一致性：使用s="50"（DataTables默认的表头加粗样式）让自定义行和原表头视觉统一，可根据需求修改样式编号。

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