xslx-style导出，表头样式表格样式，指定条件
export_json_to_excel({ }) 的参数：
export_json_to_excel({multiHeader = [], ||复杂表头：[['header1:0','header1:1'],['header2:0','']] 2行表头，显示在header上方header, ||普通表头:['姓名','性别']data, ||表格数据:[['data1:0','data1:1'],['data2:0','data2:1']] 内数组一个表示一行filename, ||文件名称 '***.xlsx'merges = [], ||表格合并 ['A1:A3','B2:F2'] A1到A3合并 B2到F2合并autoWidth = true, ||是否自适应宽度，不用管bookType = 'xlsx', ||表格类型 headerBG = ['f8f8f9', 1], ||指定表头样式 [颜色, 表头行数] :['e9faff', 1]rowBG = [], ||指定行背景色 [[行数/1开始],[颜色]]:[[3, 6], ['e9faff', 'e9faff']]filtBG = [], ||有多少条件就判断多少条件，满足条件就显示对应颜色||第6或者第3行 某一个值如果等与2 就显示fff色,等于张三就显示www色 /||[[3,6],[2,'张三'],['fff','www']]celWitdth = [], ||列宽，1234列都为100px::[100,100,100,100] 默认以1700为基础均匀分给各列
})
01.安装依赖
yarn add xlsx-style@0.8.13
yarn add xlsx file-saver@2.0.5
yarn add script-loader@0.7.2 -D
找到在\node_modules\xlsx-style\dist\cpexcel.js 807行
`var cpt = require('./cpt' + 'able');` 更换成 `var cpt = cptable;`
02.修改node_modules\xlsx-style\xlsx.js
write_ws_xml_data方法 替换成 下列代码
var DEF_PPI = 96, PPI = DEF_PPI;function px2pt(px) { return px * 96 / PPI; }function pt2px(pt) { return pt * PPI / 96; }function write_ws_xml_data(ws, opts, idx, wb) {var o = [], r = [], range = safe_decode_range(ws['!ref']), cell = "", ref, rr = "", cols = [], R = 0, C = 0, rows = ws['!rows'];var dense = Array.isArray(ws);var params = ({ r: rr }), row, height = -1;for (C = range.s.c; C <= range.e.c; ++C) cols[C] = encode_col(C);for (R = range.s.r; R <= range.e.r; ++R) {r = [];rr = encode_row(R);for (C = range.s.c; C <= range.e.c; ++C) {ref = cols[C] + rr;var _cell = dense ? (ws[R] || [])[C] : ws[ref];if (_cell === undefined) continue;if ((cell = write_ws_xml_cell(_cell, ref, ws, opts, idx, wb)) != null) r.push(cell);}if (r.length > 0 || (rows && rows[R])) {params = ({ r: rr });if (rows && rows[R]) {row = rows[R];if (row.hidden) params.hidden = 1;height = -1;if (row.hpx) height = px2pt(row.hpx);else if (row.hpt) height = row.hpt;if (height > -1) { params.ht = height; params.customHeight = 1; }if (row.level) { params.outlineLevel = row.level; }}o[o.length] = (writextag('row', r.join(""), params));}}if (rows) for (; R < rows.length; ++R) {if (rows && rows[R]) {params = ({ r: R + 1 });row = rows[R];if (row.hidden) params.hidden = 1;height = -1;if (row.hpx) height = px2pt(row.hpx);else if (row.hpt) height = row.hpt;if (height > -1) { params.ht = height; params.customHeight = 1; }if (row.level) { params.outlineLevel = row.level; }o[o.length] = (writextag('row', "", params));}}return o.join("");}03.下载vendor再完成替换
下载vendor文件夹：https://gitee.com/isyiya/module/tree/vendor/
放入项目src下
--src|-vendor|-Export2Excel.js|-Export2Zip.js
下载新的Export2Excel.js文件替换到上面的Export2Excel.js：https://gitee.com/isyiya/module/tree/vendorC
04.使用
写在你要的触发的方法函数中, 函数属性文章头部有参数说明buttonClick(){const header = ['姓名', '性别', '年龄']
const data = [['毛毛', '小妖怪', '千年'], ['豆豆', '小怪物', '千年']]
const filename = '我的excel'
const multiHeader = [['我的资料', '', '']]
const merges = ['A1:C1']
const headerBG = ['d2d5db', 2]
const rowBG = [[3], ['ab652c']]
const filtBG = [[4], ['小怪物'], ['ee0030']]
const celWitdth = [100, 300, 300]import('@/vendor/Export2Excel').then(excel => {excel.export_json_to_excel({header,data,filename,autoWidth: true, //非必填bookType: 'xlsx', //非必填multiHeader,merges,headerBG,rowBG,filtBG,celWitdth})})
}
注意：记得写完重启项目、还有颜色值不要带#号、数组内部的顺序
效果
xslx-style导出，表头样式表格样式，指定条件相关推荐
- Java Excel导出复杂excel表格样式之ExcelUtil工具类
Java Excel导出包括普通导出及复杂表格样式,主要是对于需要进行行列合并的列进行特殊处理,计算清楚起始行,结束行,起始列,结束列. 普通导出可以是所有列,也可以是包含某些列,或者排除某些列: 1 ...
- Aspose.Words for .NET使用表格教程之应用格式（3）——使用表格样式
Aspose.Words For .Net是一种高级Word文档处理API,用于执行各种文档管理和操作任务.API支持生成,修改,转换,呈现和打印文档,而无需在跨平台应用程序中直接使用Microsof ...
- element更改表格表头、行、指定单元格样式
element更改表格表头.行.指定单元格样式 更改表格的样式 使用header-cell-style属性,可为函数或对象 函数写法 <!-- html --> <el-table ...
- Springboot+POI通用Excel表格导出表头样式设置方法
private void setSheetHeader(XSSFWorkbook xWorkbook, Sheet sh,String[] title) { // 设置单元格格式为文本格式XSSFDa ...
- JAVA POI导出EXCEL设置自定义样式（线框加粗，合并指定行，合计求和，冻结行）
前面部分是当时查询的记录: 实现Excel文件单元格合并.冻结和文件导出 Workbook wb = new HSSFWorkbook();Sheet sheet = wb.createSheet(& ...
- 封装vue导出excel组件（扩展嵌入图片、操作工作表、表格样式等功能）
导出的excel中嵌入图片,同时还需要操作多个工作表与表格样式, 看了一些java的插件不太适合,因为我这边的需求是动态表单,字段不固定.后端的插件大部分依赖实体类注解,要不就是操作比较繁琐.又看了一 ...
- vue使用js-table2excel将数据导出Excel表格,含文字、图片类型, 设置表格样式/添加合并单元格
最近项目遇到了一个需求,在后台将学生信息以Excel表格导出,学生信息包含姓名.联系电话.照片等信息,一般情况下信息导出只需要导出字符串类型,但是现在的导出内容包含了图片,于是百度看到了js-tabl ...
- 用XSSFWorkbook导出合并单元格样式的excel表格
1.先从数据库获取将要导出的数据 2.建立一个表格 XSSFWorkbook workbook = new XSSFWorkbook(); XSSFSheet sheet = workbook.cre ...
- 阿里开源(EasyExcel)：使用Java将数据导出为Excel表格、带样式----》java web下载 Excel文件
目录 一.技术选型 二.实现过程 1.导入依赖 2.编写工具类 EasyExcelUtil 3.公用参数类 EasyExcelParams 4.表格样式实体类 MyWriteHandler 5.数据实 ...
- 135编辑器导出html,135编辑器教程｜三步教你搞定表格样式
你知道吗?在135编辑器样式中心,除了标题.正文.引导.图文.布局等文章常用样式之外,还有一些冷门小众样式. 例如:表格样式 很多时候在微信排版中,表格恐怕是最丑的,并且我们都用"换行&qu ...
最新文章
- scau 2012新生赛 G只有神知道的世界
- vue 按需加载，换存，导航守卫
- sql2008能否打开mysql数据库_SQL Server 2008通过LinkServer访问MySQL数据库
- 玩转MySQL之Linux下的简单操作（服务启动与关闭、启动与关闭、查看版本）
- python是什么专业学的-什么水平的人才可以学python呢？
- oracle中between and闭合性
- Netty in action—Bootstraping
- 每日一个机器学习算法——机器学习实践
- 为什么我建议每个开发人员都需要学Python？
- linux 服务器长ping 加时间戳；转
- 试议软件开发与硬件开发的异同。
- 哔哩哔哩谷歌浏览器助手Mac版分享来了
- 基于GetData和ArcGIS的地图数字化教程
- 如何用计算机校验信息,Win10如何校验文件哈希值(系统自带方法)?
- LC.1056. Confusing Number， LC.246. Strobogrammatic Number
- 库克低调访华，3小时郑州行程俨然一位效率大师
- 【UE5】AI随机漫游蓝图两种实现方法（角色蓝图、行为树）
- 增长黑客，创业公司的用户与收入增长秘籍
- 高仿网易评论列表效果之界面分析
- Oracle 查询效率优化