前端 - exceljs库生成的exce文件如何自动显示求和值？

Question

背景：

前端vue项目中,基于exceljs进行excel文件的导出，发现生成的excel文件公式求和值不能直接显示，需手动点击之后生成。

代码示例

const exportTemplate = () => {    // 创建工作簿    const workbook = new ExcelJS.Workbook();    const worksheet = workbook.addWorksheet('sheet1');      // 定义列    worksheet.columns = [      { header: 'Id11111111111111111111', key: 'id', width: 20 },      { header: 'Name233', key: 'name', width: 20 },      { header: 'D.O.B999', key: 'dob', width: 20 }    ];      // 添加二级表头    worksheet.addRow(['二级表头A', '二级表头B', '二级表头C']);      // 填充数据    const columnData = [      { id: 15, name: 99, dob: '2024-04-16' },      { id: 50, name: 101, dob: '2024-04-17' }    ];    columnData.forEach(item => {      worksheet.addRow(item);    });      // 添加求和公式到A5单元格    worksheet.getCell('A5').value = {      formula: 'SUM(A3:A4)',      result: null // ExcelJS会自动计算结果，无需显式设置result为null    };       // 写入Excel文件    workbook.xlsx.writeBuffer().then((buffer) => {      const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });      saveAs(blob, 'ExcelJS.xlsx');    }).catch((error) => {      console.error('Error exporting Excel file:', error);    });  };

进行统计求和设置时，相关代码如下：

// 添加求和公式到A5单元格    worksheet.getCell('A5').value = {      formula: 'SUM(A3:A4)',      result: null // ExcelJS会自动计算结果，无需显式设置result为null    };  

下载excel

 // 写入Excel文件    workbook.xlsx.writeBuffer().then((buffer) => {      const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });      saveAs(blob, 'ExcelJS.xlsx');    }).catch((error) => {      console.error('Error exporting Excel file:', error);    });  

下载的excel文件A5单元格显示为0，要手动点击A5单元格之后，才显示公式计算值。

Answer 1

你没有提供saveAs函数怎么写的，所以我是这样写的导出方法：

workbook.xlsx.writeBuffer().then(buffer => {    const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });    const url = window.URL.createObjectURL(blob);    const a = document.createElement('a');    a.href = url;    a.download = 'result.xlsx';    a.click();    window.URL.revokeObjectURL(url);});

结果是这样的：

没有出现你说的要点击A5才显示计算值的情况，另外我用的是WPS，使用word的话应该可以在设置里设置计算模式为自动吧