如何将Angular Material Table导出为excel或pdf或csv

2 回答

• 0

  在你的表component.ts中

  声明一个名为 renderedData: any; 的值

  然后在构造函数中订阅材料表中已更改的数据 . 我猜你正在使用一个可过滤的表 .

  constructor(){
  this.dataSource = new MatTableDataSource(TableData);
  this.dataSource.connect().subscribe(d => this.renderedData = d);
  }
  

  npm install --save angular5-csv

  在您的HTML中创建一个按钮 <button class="btn btn-primary" (click)="exportCsv()">Export to CSV</button>

  最后，将更改的数据导出为CSV

  exportCsv(){
  new Angular5Csv(this.renderedData,'Test Report');
  }
  

  有关出口商的更多详细信息，请访问：https://www.npmjs.com/package/angular5-csv

  我希望这有帮助 ：）

  回复于 2024-04-26T21:53:45+08:00
• 5

  您可以使用ngx-csv for Angular 7工作正常“https://www.npmjs.com/package/ngx-csv . " Get the data from the table with " this.dataSource.connect（） . subscribe（data => this.renderedData = data）;”然后使用导出功能 .

  回复于 2024-04-26T21:53:45+08:00