apps/codelab/src/app/admin/feedback/feedback-message-table/feedback-message-table.html
<table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z4">
<ng-container matColumnDef="comment">
<th mat-header-cell *matHeaderCellDef mat-sort-header>comment</th>
<td mat-cell *matCellDef="let element">
{{element.comment}}
</td>
</ng-container>
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
name
</th>
<td mat-cell *matCellDef="let element">{{element.name}}</td>
</ng-container>
<ng-container matColumnDef="header">
<th mat-header-cell *matHeaderCellDef mat-sort-header>header</th>
<td mat-cell *matCellDef="let element">
<a [routerLink]="element.href">{{ element.header}}</a>
</td>
</ng-container>
<ng-container matColumnDef="href">
<th mat-header-cell *matHeaderCellDef>href</th>
<td mat-cell *matCellDef="let element">{{element.href}}</td>
</ng-container>
<ng-container matColumnDef="timestamp">
<th mat-header-cell *matHeaderCellDef mat-sort-header>timestamp</th>
<td mat-cell *matCellDef="let element">
{{element.timestamp|date}}
</td>
</ng-container>
<ng-container matColumnDef="actions" stickyEnd>
<th mat-header-cell *matHeaderCellDef></th>
<td mat-cell *matCellDef="let element">
<feedback-issue-dropdown [message]="element"></feedback-issue-dropdown>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="tableColumns"></tr>
<tr
mat-row
*matRowDef="let row; columns: tableColumns"
[class.done-row]="row.isDone"
></tr>
</table>