通过JavaScript创建Excel时，如何为行或单元格添加颜色？

当然可以给Excel的行或单元格设置背景色、字体颜色等样式，你的代码没生效，大概率是因为用的Excel生成库对样式格式有特定要求，或者库本身默认不支持样式。下面分情况给你解决方案：

1. 用SheetJS（xlsx）实现样式（需用支持样式的分支） #

基础版SheetJS不支持单元格样式，你得用xlsx-style这类支持样式的衍生库。正确的写法如下：

// 假设已经初始化好workbook和worksheet对象
for (var k = 0; k < rowData.length; k++) {
  var cellValue = rowData[k];
  var cell = {
    v: cellValue,
    s: {
      // 设置单元格背景色（红色）
      fill: { fgColor: { rgb: "FFFF0000" } },
      // 设置字体颜色（蓝色）
      font: { color: { rgb: "FF0000FF" } }
    }
  };
  rowData[k] = cell;
}

// 必须更新工作表的范围，确保样式被正确导出
worksheet['!ref'] = XLSX.utils.encode_range({
  s: { r: 0, c: 0 },
  e: { r: rowData.length - 1, c: rowData[0].length - 1 }
});

// 导出文件
XLSX.writeFile(workbook, 'styled-excel.xlsx');

2. 快速设置整行样式 #

如果要给整行加样式，不用逐个单元格处理，直接定义行样式即可：

// 初始化行样式数组（如果不存在的话）
worksheet['!rows'] = worksheet['!rows'] || [];
// 给第2行（索引从0开始）设置灰色背景+加粗字体
worksheet['!rows'][1] = {
  s: {
    fill: { fgColor: { rgb: "FFEEEEEE" } },
    font: { bold: true }
  }
};

3. 用ExcelJS实现样式（更直观的API） #

如果可以换用ExcelJS这个库，样式设置会更简单：

const ExcelJS = require('exceljs');
const workbook = new ExcelJS.Workbook();
const worksheet = workbook.addWorksheet('样式示例');

// 添加一行并给每个单元格设置样式
worksheet.addRow(['姓名', '年龄']).eachCell(cell => {
  // 红色背景
  cell.fill = {
    type: 'pattern',
    pattern: 'solid',
    fgColor: { argb: 'FFFF0000' }
  };
  // 白色字体
  cell.font = { color: { argb: 'FFFFFFFF' } };
});

// 给整行设置样式
const targetRow = worksheet.getRow(2);
targetRow.fill = {
  type: 'pattern',
  pattern: 'solid',
  fgColor: { argb: 'FFE5F2FF' }
};
targetRow.font = { bold: true };

// 保存文件
workbook.xlsx.writeFile('output.xlsx');

你的代码失效的常见原因 #

• 用了不支持样式的Excel库版本（比如基础SheetJS），换支持样式的分支就好
• RGB值格式不对：有些库要求值是不带#的6位字符，部分需要加FF前缀表示完全不透明
• 没更新工作表的!ref范围，导致样式没有被导出到最终文件里

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