xlsx-js-style 背景颜色
时间: 2025-04-17 08:27:30 浏览: 21
### 如何使用 `xlsx-js-style` 设置单元格背景颜色
为了设置 Excel 单元格的背景颜色,可以利用 `xlsx-js-style` 提供的功能来创建带有样式的工作表。下面展示了具体方法以及一段示例代码。
#### 创建并应用样式对象
通过构建一个包含所需属性的对象(如背景色),将其应用于特定单元格或区域。对于背景颜色而言,在 JSON 对象中指定 `fill` 属性下的 `bgColor` 和 `fgColor` 字段即可[^1]。
```javascript
// 定义样式对象
const style = {
fill: {
type: "pattern",
pattern: "solid",
fgColor: { rgb: "FFCC00"}, // 前景色(填充色),这里设为橙黄色
bgColor: { indexed: 64 } // 背景色,默认情况下可不设置
}
};
```
#### 将样式附加到工作簿中的数据上
当准备写入的数据准备好之后,可以通过调用 `utils.sheet_add_json()` 方法,并传入第三个参数作为额外配置项,其中就包含了刚才定义好的样式信息[^2]。
```javascript
import * as XLSX from 'xlsx';
import XLSXS from 'xlsx-style';
// 准备要导出的数据列表
let data = [
["姓名", "年龄"],
["张三", 28],
];
// 添加带样式的行
data.push(["李四", 30]);
var ws = XLSX.utils.json_to_sheet(data);
// 应用样式至最后一行的第一个单元格 (即"李四")
ws['A3'].s = style;
// 构建新的工作簿并将上述表格加入进去
var wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, "SheetJS");
// 导出文件保存操作...
```
阅读全文
相关推荐


















