隐藏角度材料中的重复列数据

Question

enter image description here我正在尝试以Angular（6）实质性含义隐藏重复的列数据：

 data = [
    {name: 'Bo', lastname:'Belfort', address:'street1', description:'description1'};
    {name: 'Bo', lastname:'Belfort', address:'street1', description:'description2'},
    {name: 'Tom', lastname:'Goshin', address:'street2', description:'description3'},
    {name: 'Esther', lastname:'Jermain', address:'street3', description:'description4'},
    {name: 'Tom', lastname:'Goshin', address:'street2', description:'description5'},
]

我尝试过但是失败了：

removeDuplicates(myArr, prop) {
  myArr = this.dataSource.filteredData;
  return myArr.filter((obj, pos, arr) => {
    arr.map(mapObj => mapObj[prop]).indexOf(obj[prop]) === pos;
    console.log(myArr)
  });
}

我只想为每个人显示一次name和lastname（将该列数据保留为空白），但是重复显示地址和描述。 预先感谢您的帮助！