jQuery DataTable导出Excel：空白单元格无法应用内置样式

我之前也踩过这个坑！问题的核心在于DataTables导出Excel生成的XML中，空白单元格默认不会创建对应的<c>节点——你用.eq(2)只能找到已经存在的单元格节点，空白单元格根本不在DOM结构里，所以样式设置自然无效。

这里给你一个可行的解决方案：遍历每行时，主动检查目标列（第三列）的单元格是否存在，不存在就手动创建一个空白单元格节点，再给它添加样式属性。

修改后的代码示例 #

$('#DataTable').DataTable({
  dom: 'Bfrtip',
  buttons: [
    {
      extend: 'excelHtml5',
      customize: function (xlsx) {
        var sheet = xlsx.xl.worksheets['sheet1.xml'];
        // 从表头行获取总列数，确保列位置计算准确
        var totalColumns = $('row[r=1] c', sheet).length;
        
        $('row[r!=1]', sheet).each(function () {
          var $currentRow = $(this);
          var rowNumber = $currentRow.attr('r');
          // 第三列对应索引2（从0开始），转换为Excel列字母（A的ASCII码是65）
          var targetColLetter = String.fromCharCode(65 + 2);
          var targetCellRef = rowNumber + targetColLetter;
          
          // 查找目标单元格，不存在则创建
          var $targetCell = $currentRow.find(`c[r="${targetCellRef}"]`);
          if ($targetCell.length === 0) {
            // 创建空白文本单元格的XML结构，让Excel识别为有效单元格
            $targetCell = $('<c/>', {
              'r': targetCellRef,
              't': 'inlineStr'
            }).append('<is><t></t></is>');
            $currentRow.append($targetCell);
          }
          
          // 应用内置样式
          $targetCell.attr('s', '20');
        });
      }
    }
  ]
});

关键说明 #

1. 单元格节点创建：空白单元格需要明确生成<c>节点，同时指定t="inlineStr"和<is><t></t></is>结构，让Excel识别为有效的空白文本单元格，避免导出后出现格式异常。
2. 单元格引用计算：通过行号+列字母生成单元格的r属性（比如第2行第三列就是2C），确保节点能被正确识别和定位。
3. 灵活适配列数：从表头行获取总列数的方式，能适配动态列的场景，不用硬编码列数。

这样修改后，不管单元格是否有内容，第三列的所有单元格都会被应用s="20"的内置样式啦！

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