要修改
导出的 Excel
表格的字体颜色，你可以
使用 xlsx-
style 库提供的 `
XLSXStyle` 类的 `create
Style` 方法来创建
自定义样式，然后将其应用到单元格中。
下面是一个
使用 Vue 3 + TypeScript 和
xlsx-
style-vite 库的示例代码：
```typescript
<template>
<div>
<button @click="exportExcel">
导出 Excel</button>
</div>
</template>
<script lang="ts">
import { defineComponent } from '
vue';
import { utils, writeFile } from '
xlsx-
style-vite';
import {
XLSXStyle } from '
xlsx-
style-vite/
xlsx-
style';
export default defineComponent({
methods: {
exportExcel() {
const data = [
['姓名', '年龄', '性别'],
['张三', 18, '男'],
['李四', 20, '女'],
['王五', 22, '男']
];
const workbook = utils.book_new();
const worksheet = utils.aoa_to_sheet(data);
// 创建
自定义样式
const
style =
XLSXStyle.create
Style({
font: {
color: '#FF0000'
}
});
// 将
样式应用到单元格
utils.sheet_set_cell_
style(worksheet, 'A1:C1',
style);
utils.book_append_sheet(workbook, worksheet, 'Sheet1');
writeFile(workbook, 'example.
xlsx');
}
}
});
</script>
```
在上面的代码中，我们首先创建了一个包含一些数据的数组 `data`。然后，我们
使用 `utils.aoa_to_sheet` 方法将该数组转换为一个工作表对象。接着，我们
使用 `
XLSXStyle.create
Style` 方法创建了一个包含字体颜色为红色的
自定义样式，并
使用 `utils.sheet_set_cell_
style` 方法将该
样式应用到了表头行的所有单元格上。最后，我们将工作表对象添加到工作簿中，
使用 `writeFile` 方法将工作簿
导出为一个 Excel 文件。
需要注意的是，在
使用 xlsx-
style-vite 库时，要
使用 `
XLSXStyle` 类来创建
自定义样式，这与原生的
xlsx-
style 库有所不同，所以要引入 `
xlsx-
style-vite/
xlsx-
style` 模块。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
1万+
