您现在的位置是:首页 > 诗句大全

前端使用xlsx-js-style导出Excel文件并修饰单元格样式

作者:康由时间:2024-04-02 09:17:01分类:诗句大全

简介  文章浏览阅读1w次,点赞21次,收藏86次。前端使用xlsx-js-style导出Excel文件并修饰单元格样式_xlsx-js-style

点击全文阅读

xlsx-js-style

安装 引入 需要导出的数据源 将数据源转成需要的二维数组 定义 Excel 表头 将定义好的表头添加到 body 中 将二维数组转成 sheet !merges 设置单元格合并 !cols 设置列宽 !rows 设置行高 创建虚拟的 workbook 向 workbook 中添加 sheet 导出 workbook 完整示例 效果图 总结

安装

导出 excel 较常见的 js 库是之一是 xlsx,xlsx 算是基础版本,不能对单元格进行样式(对齐方式、文字颜色、背景颜色等)的修饰,如果需要修饰单元格,可使用 xlsx-js-style

npm install xlsx-js-style

引入

import XLSXS from 'xlsx-js-style';

需要导出的数据源

// 一般我们拿到的是从接口中请求到的对象数组,在使用是需要转成二维数组,下面有介绍const data = [  {    name: '商品01', mb_num: 50, mb_sum: 5000, pc_num: 30, pc_sum: 3000, total_num: 80, total_sum: 8000 },  {    name: '商品02', mb_num: 50, mb_sum: 5000, pc_num: 30, pc_sum: 3000, total_num: 80, total_sum: 8000 },  {    name: '商品03', mb_num: 50, mb_sum: 5000, pc_num: 30, pc_sum: 3000, total_num: 80, total_sum: 8000 },]

将数据源转成需要的二维数组

const body = data.map(x => (

点击全文阅读

郑重声明:

本站所有活动均为互联网所得,如有侵权请联系本站删除处理

我来说两句