xlsx+xlsx-style实现表格导出(带样式)

截屏2024-01-25 20.07.36.png
为了通过纯前端代码实现带有样式的excel导出。这里用到xlsx(SheetJs)+xlsx-style。因为xlsx不能实现样式。

由于xlsx-style是node环境,且多年未维护,前端会报错,并且很多文章都是通过改库的代码实现兼容,我这里选择下载解决了xlsx-style问题的一个库:xlsx-style-medalsoft。

具体代码

我这边是react项目,不过代码都跟react不相关,只是作为一个工具函数
excel.js

import { utils } from 'xlsx/xlsx.js'//因为我这里光引入xlsx会识别不了,大家看情况导入
import XLSX_STYLE from 'xlsx-style-medalsoft'

export function jsonToExcel(options = {}) {
  const { rows, name } = options
  const worksheet = utils.json_to_sheet(rows)
  /* 设置样式 */
  Object.keys(worksheet).forEach(key => {
    if (['A1', 'B1', 'C1'].includes(key)) {
      worksheet[key].s = {
        alignment: { horizontal: 'center' },
        
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值