HTML, чтобы превзойти доклад в угловых

Я хочу создать отчет Excel, используя HTML в Angular 6. Итак, я использую SheetJs. Этот код создает Excel. Но цвет фона и цвет не работает. Почему причина стайлинга не работает? (Я могу изменить SheetJs любой другой бесплатной библиотекой.)

Мой HTML

  <table border="1" #reportContent>
    <tr>
      <td style="background-color: red"><b>aaaaa</b></td>
      <td style="color: green">bbbbb</td>
    </tr>
    <tr>
      <td>cccccc</td>
      <td>dddddd</td>
    </tr>
  </table>

  <button (click)="downloadExcel()"></button>

Мой файл.ts

  @ViewChild('reportContent') reportContent: ElementRef;

  downloadExcel() {
    const content = this.reportContent.nativeElement;

    const ws: XLSX.WorkSheet = XLSX.utils.table_to_sheet(content);
    const wb: XLSX.WorkBook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

    XLSX.writeFile(wb, 'SheetJS.xlsx');
  }

0 ответов

Другие вопросы по тегам