I am trying to add html content in angular material but the tags show as simple text in html for example "first line <br> .here should be a new line" How do I do it? >Solution : You can use innerHTML attribute binding <td mat-cell *matCellDef="let element" [innerHTML]="element.name"> </td> TS const ELEMENT_DATA: PeriodicElement[] = [… Read More Render html in Angular Material Table cell

I use two mat-table in the same component and now renderRows() not working for the second table. @ViewChild(MatTable) tagsTable: any; @ViewChild(MatTable) serviceAreaTable:any; this.tagsTable.renderRows(); #Work fine. this.serviceAreaTable.renderRows(); #Not Work >Solution : You can use template selectors to distinguish your elements <table mat-table #table1></table> <table mat-table #table2></table> and to access them inside your component: @ViewChild(‘table1’, {static: false})… Read More How to distinguish two mat-table (Angular UI) in same component