sheetjs带样式导出

一、引入需要的包

在 sheetjs 中只能导出默认不带样式的表格,如果需要表格宽度、字体颜色、单元格背景颜色等,需要引入另外的包

npm install xlsx-js-style

二、使用

使用 xlsx-js-style 和 sheetjs 的形式相差不大,需要从 xlsx 中导出 写文件的方法

import { utils, writeFile } from "xlsx-js-style";

使用时需要把每个单元格都看一个对象,这个对象包含单元格的数据和样式

{
    v: "数据",// v->value
    t: "s",// t->type 数据类型
    s: { //s->style
        font: { //字体相关设置
            name: "微软雅黑",//字体
            sz: 12,//字体大小
            bold: true,//是否粗体
        },
        border:{// 单元格边框相关
        top:{// 上边框
            style: "thin",// 细线
            color: '#000000'
        },
        bottom:{...},// 下边框
        left:{...},// 左边框
        right:{...}// 右边框
    },
    fill:{//单元格背景颜色,在excel中叫 填充所以叫fill(猜的)
    fgColor:{//背景颜色
    rgb:'#FFFFFF'
    }
}
}
}

更多参数可以查看 sheetjs 的单元格类型文档

xlsx-js-style 的 npm 地址xlsx-js-style