如何在角度6中“另存为pdf”垫表

Question

我使用了实现角度的主题。我是Angular框架的初学者。 但是我找不到将表格导出为pdf的正确方法。

我从创建了演示样本 https://material.angular.io/components/table/overview 这个官方网站。

我的要求是选择日期，然后允许用户以pdf打印。 如果有人有想法或例子，那将非常有帮助。

演示： https://stackblitz.com/angular/xbprlqrqjyq?file=app%2Ftable-basic-example.html

Answer 1

此答案更新可能为时已晚，但仍可能对某人有用。

mat-table-exporter-此npm软件包允许下载各种格式的mat-table。

打包链接：https://www.npmjs.com/package/mat-table-exporter

演示：https://stackblitz.com/edit/mte-demo

示例代码：

  <button mat-raised-button (click)="exporter.exportTable('json')">Json</button>
  <button mat-raised-button (click)="exporter.exportTable('txt')">Txt</button>

Answer 2

HTML：

  

Blockquote

  <button mat-button color="accent" (click)="print()">
   <mat-icon class="mat-24" aria-label="Example icon-button with a heart icon">print</mat-icon>
Print

  

Blockquote

Javascript /打字稿：

import jsPDF from 'jspdf';
import 'jspdf-autotable';
print = () => {
  let doc = new jsPDF(); 
  doc.autoTable({
    head: [['Log','', 'Amount']],
    body: this.getLiveData() //returning [["log1", "$100"], ["log2", "$200"]]
  });
  doc.save('table.pdf')
}