前端导出excel单元格内容部分加粗?

image.png
xlsx插件怎么实现单元格自动换行以及根据加班的日期是否为周日设置导出的excel文件加班日期字体颜色

阅读 3.4k
2 个回答
// 导入 js-xlsx 库
import XLSX from 'xlsx';

// 创建工作簿
const workbook = XLSX.utils.book_new();

// 创建工作表
const worksheet = XLSX.utils.json_to_sheet([
  { A: { t: 's', v: 'Hello', s: { font: { bold: true } } }, B: { t: 's', v: 'World' } },
  { A: { t: 's', v: 'This', s: { font: { bold: true } } }, B: { t: 's', v: 'is a test' } }
]);

// 将工作表添加到工作簿中
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
const date = new Date();

// 判断日期是否为星期日(0 表示星期日)
if (date.getDay() === 0) {
  // 创建单元格,并设置字体颜色为红色
  const cell = { t: 'n', v: date, s: { font: { color: { rgb: 'FF0000' } } } };
  
  // 添加单元格到工作表
  worksheet['A1'] = cell;
}
// 导出 Excel 文件
XLSX.writeFile(workbook, 'output.xlsx');

原图片:
image.png
执行代码:

sheet.getCell(0,0).wordWrap(true)
sheet.autoFitRow(0)

显示效果:
image.png

添加背景颜色:

let style = new GC.Spread.Sheets.Style()
style.backColor = 'red'
for (let i = 0; i < 12; i++) {
    if (sheet.getValue(i, 0).getDay() === 0) {
        sheet.getCell(i, 0).setStyle(style)
    }
}

实现效果:
image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题