【JavaScript】xlsxStyle + xlsx.full.min 纯JS导出原生Excel数据文件,并设置导出CSS样式
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
附件:js2excel.rar 合并规则: data["!merges"] = [ // // c => 列 // // r => 行 // 纵向合并,范围是第1列的行1到行2 // { s: { c: 1, r: 1 }, e: { c: 1, r: 2 } }, // 纵向合并,范围是第2列的行1到行2 // { s: { c: 2, r: 1 }, e: { c: 2, r: 2 } }, // 纵向合并,范围是第3列的行1到行2 // { s: { c: 3, r: 1 }, e: { c: 3, r: 2 } }, // 纵向合并,范围是第4列的行1到行2 // { s: { c: 4, r: 1 }, e: { c: 4, r: 2 } }, // 纵向合并,范围是第5列的行1到行2 // 第二组 // { s: { c: 0, r: 3 }, e: { c: 0, r: 4 } }, // 纵向合并,范围是第1列的行3到行4 // { s: { c: 1, r: 3 }, e: { c: 1, r: 4 } }, // 纵向合并,范围是第2列的行3到行4 // { s: { c: 2, r: 3 }, e: { c: 2, r: 4 } }, // 纵向合并,范围是第3列的行3到行4 // { s: { c: 3, r: 3 }, e: { c: 3, r: 4 } }, // 纵向合并,范围是第4列的行3到行4 // { s: { c: 4, r: 3 }, e: { c: 4, r: 4 } }, // 纵向合并,范围是第5列的行3到行4 // ]; 设置单元格CSS效果,控制是否显示边框线、字体、大小、颜色、背景色等: XSU.mergeCellsByObj(wb, sheetName, merges); // merges单元合并规则 XSU.setAlignmentHorizontalAll(wb, sheetName, 'center'); //垂直居中 XSU.setAlignmentVerticalAll(wb, sheetName, 'center'); //水平居中 XSU.setFontBoldOfRows(wb, sheetName, true, '1'); //设置第二行标题行加粗 //XSU.mergeSameColCells(wb, sheetName, '2'); //合并同一列中内容一样的相邻行 //XSU.mergeSameRowCells(wb, sheetName, '3'); //合并同一行中内容一样的相邻列 //XSU.setFillBgColorRGBAll(wb, sheetName, 'RGB(128,0,255)'); //设置单元格背景色 //XSU.setBorderStylesAll(wb, sheetName, '1px solid #AAAAAA'); //设置边框默样式 //XSU.setEvenRowColorGrey(wb, sheetName); //设置双数行背景色灰色,便于阅读 XSU.setBorderDefaultAll(wb, sheetName); //设置所有单元默认格边框 还有很多设置项目,更多设置自行查看:xlsxStyle.utils.js 该文章在 2023/5/22 16:34:07 编辑过 |
关键字查询
相关文章
正在查询... |