首页 文章

Angular-5:使用sheetJS隐藏excel文件的网格线并应用单元格样式

提问于
浏览
0

我想在Angular-5中使用sheetJS导出自定义excel文件,但面对两个问题,任何人都可以帮我解决这些问题 .
谢谢

如何在工作簿工作表中隐藏/删除网格线单元格样式不适用于字体大小,颜色等 .

这是导出文件的代码

export class AppComponent {

  jsonData: any = [];

  export(): void {
    /* generate worksheet */
    const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet(this.jsonData);

    // add style (but not working) and value to A1 cell
    ws['A1'] = {
      v: 'AI cell value',
      s: {
        font: { size: 20, bold: true, color: "#FF00FF" },
        "!merges": [
          { s: { r: 0 } } /* A1 */
        ]
      }
    };

    /* generate workbook and add the worksheet */
    const wb: XLSX.WorkBook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

    /* save to file */
    XLSX.writeFile(wb, "demo.xlsx");
  }
}

Here is desired excel file format

Desired Excel File Image

1 回答

  • 0

    您无法在Excel中隐藏网格线,但添加背景颜色将使它们不可见,除非设置了轮廓 . 将此添加到您的脚本将起到诀窍:

    Range("A1").Interior.ColorIndex = 2
    
    • 用您要查找的颜色的索引值替换37 . 白是2 .

    • 将A1替换为工作表的可见范围(即"A1:ZZ999") .

    祝好运!

相关问题