exportar tabla html para sobresalir con css en angular

stoy tratando de exportar la tabla HTML para sobresalir con CSS aplicado. Estoy usando xlsx biblioteca para ello, pero el problema que estoy enfrentando es que no está exportando la tabla con estilos CSS. ¿Cómo consigo que lleve el estilo CSS, basado en estehil Estoy aplicando CSS en línea a los elementos de la tabla.

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>

Component

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');

}
}

Intenté usar xlsx-style biblioteca que proclama preservar los estilos CSS y probó estehil pero todo en vano. ¿Cuál podría ser la solución?

MANIFESTACIÓ

Respuestas a la pregunta(0)

Su respuesta a la pregunta