Question

我正在尝试使用应用CSS将HTML表格导出为excel。我正在使用xlsx库，但我遇到的问题是它没有使用CSS样式导出表格。如何根据这个thread来运行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样式并试用thread，但都徒劳无功。可能是什么方法？

DEMO

将html表导出为带有角的css

0 个答案: