如何向Angular Material表格添加自定义列？

23 浏览
0 Comments

如何向Angular Material表格添加自定义列？

目前，我的数据源中有4个列。我希望对我从其中一列接收到的数据执行一些操作，然后将该数据添加到表中的新列中。有没有办法做到这一点？

0

1 答案

0 Comments

问题出现的原因是需要在Angular Material表格中添加自定义列，解决方法是在设置数据源之前对数据进行更改，并将其设置为数据源。下面是解决方法的具体步骤：

1. 在获取数据的过程中，将其作为Observable对象返回。例如，如果使用http请求获取数据，可以这样做：

this.data$ = this.certificateService.certificates$.pipe(
    map(data => {
        data.column5 = data.column4 // 进行其他计算
        return data;
    })
);

2. 订阅数据并将其设置为数据源：

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

通过以上步骤，我们可以在Angular Material表格中成功添加自定义列。

0