【JavaScript】xlsxStyle + xlsx.full.min 純JS導(dǎo)出原生Excel數(shù)據(jù)文件,并設(shè)置導(dǎo)出CSS樣式
當(dāng)前位置:點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
附件:js2excel.rar 合并規(guī)則: 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 // ]; 設(shè)置單元格CSS效果,控制是否顯示邊框線、字體、大小、顏色、背景色等: XSU.mergeCellsByObj(wb, sheetName, merges); // merges單元合并規(guī)則 XSU.setAlignmentHorizontalAll(wb, sheetName, 'center'); //垂直居中 XSU.setAlignmentVerticalAll(wb, sheetName, 'center'); //水平居中 XSU.setFontBoldOfRows(wb, sheetName, true, '1'); //設(shè)置第二行標(biāo)題行加粗 //XSU.mergeSameColCells(wb, sheetName, '2'); //合并同一列中內(nèi)容一樣的相鄰行 //XSU.mergeSameRowCells(wb, sheetName, '3'); //合并同一行中內(nèi)容一樣的相鄰列 //XSU.setFillBgColorRGBAll(wb, sheetName, 'RGB(128,0,255)'); //設(shè)置單元格背景色 //XSU.setBorderStylesAll(wb, sheetName, '1px solid #AAAAAA'); //設(shè)置邊框默樣式 //XSU.setEvenRowColorGrey(wb, sheetName); //設(shè)置雙數(shù)行背景色灰色,便于閱讀 XSU.setBorderDefaultAll(wb, sheetName); //設(shè)置所有單元默認(rèn)格邊框 還有很多設(shè)置項目,更多設(shè)置自行查看:xlsxStyle.utils.js 該文章在 2023/5/22 16:34:07 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |