Javascript 如何在mat表格行中显示图标？

我使用mat表并将html数据（超链接）返回到此表，并希望在相关列的行上显示图标或html

<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>

---

您可以在

mat单元格中添加
mat图标
，并将html数据分配给
innerHTML
属性

<!-- Name Column -->
<ng-container matColumnDef="name">
  <th mat-header-cell *matHeaderCellDef> Name </th>
  <td mat-cell *matCellDef="let element"> 
    <mat-icon [innerHTML]="element.name"></mat-icon> </td>
</ng-container>


名字

参考资料：
一个关于您试图实现的目标的说明将有助于回答这个问题抱歉，我添加了更新。@SupunDeSilva您能有机会看一下演示吗？我想@Arunkumar Ramasamy回答了这个问题。我相信他能胜任这项工作。
<!-- Name Column -->
<ng-container matColumnDef="name">
  <th mat-header-cell *matHeaderCellDef> Name </th>
  <td mat-cell *matCellDef="let element"> 
    <mat-icon [innerHTML]="element.name"></mat-icon> </td>
</ng-container>