【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 編輯過 |
關鍵字查詢
相關文章
正在查詢... |