Angular 角度材质表:动态添加背景色和按钮

Angular 角度材质表:动态添加背景色和按钮,angular,angular-material,Angular,Angular Material,我有一张垫子桌子,如下所示。要求在“每种类型的第一行”动态添加背景色和按钮 因此,我必须确定哪一行是每种类型的第一行。我知道可以通过循环数据和在ts中执行某些操作来完成。但我想知道是否有更干净的方法来实现这一点?谢谢大家! let proArr:Product[]=[{type:'A',name:'name1',amount:1},{type:'A',name:'name2',amount:2},{type:'A',name:'name3',amount:3},{type:'B',name:'

我有一张垫子桌子,如下所示。要求在“每种类型的第一行”动态添加背景色和按钮

因此,我必须确定哪一行是每种类型的第一行。我知道可以通过循环数据和在ts中执行某些操作来完成。但我想知道是否有更干净的方法来实现这一点?谢谢大家!

let proArr:Product[]=[{type:'A',name:'name1',amount:1},{type:'A',name:'name2',amount:2},{type:'A',name:'name3',amount:3},{type:'B',name:'name4',amount 4},xxxx]
让dataSouce:MatTableDataSource=proArr