如何在角度材料表中添加自定义列？

Question

当前，我的数据源中有4列。我想对从某列中接收到的数据执行一些操作，然后将该数据添加到表中的新列中。有什么办法吗？

Answer 1

您可以在将数据设置为dataSource之前对其进行更改。 例如，如果您可以观察到一些http数据，则可以执行以下操作：

this.data$ = this.certificateService.certificates$.pipe(
        map(data => {
          data.column5 = data.column4 // and make all other calculations
          return data;
       })
);

然后您可以订阅数据并将其设置在数据源中

 this.data$.subscribe(data => {
   this.dataSource = new MatTableDataSource(data)
 })