экспорт HTML-таблицы, чтобы преуспеть с CSS в угловых

Question

Я пытаюсь экспортировать таблицу HTML, чтобы преуспеть с примененным CSS. Я использую библиотеку xlsx , но проблема, с которой я сталкиваюсь, заключается в том, что она не экспортирует таблицу со стилями CSS. Как мне заставить его нести стиль CSS, основываясь на этом потоке Я применяю встроенный CSS к элементам таблицы.

HTML

  <table #table>
    <thead>
    <tr>
    <th>Color
    <th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let item of copy;index as i">
    <td [style.color]="colors[i]">
    {{item}}
    </td>
    </tr>
    </tbody>
    </table>
    <button type="button" (click)="fireEvent()">Export</button>

Компонентный

export class AppComponent  {
  @ViewChild('table') table: ElementRef;

colors=['Red','Green','Blue','Orange','Violet'];



fireEvent()
{
  const ws: XLSX.WorkSheet=XLSX.utils.table_to_sheet(this.table.nativeElement);
  const wb: XLSX.WorkBook = XLSX.utils.book_new();
  XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

  /* save to file */
  XLSX.writeFile(wb, 'SheetJS.xlsx');

}
}

Я пытался использовать библиотеку xlsx-style , которая объявляет о сохранении стилей CSS, и пробовал эту нить , но все напрасно. Какой может быть обходной путь?

DEMO