| <div class='mat-elevation-z8'> |
| <osee-typesearch-element-table-search></osee-typesearch-element-table-search> |
| <table mat-table multiTemplateDataRows [dataSource]="dataSource" class="table-full-width"> |
| <ng-container [matColumnDef]="header" *ngFor="let header of headers; let i = index; trackBy:valueTracker;"> |
| <th mat-header-cell *matHeaderCellDef [attr.colspan]="headers[i]" class="message-interface-table-view-message-header"> |
| <ng-container> |
| {{header}} |
| </ng-container> |
| </th> |
| <td mat-cell *matCellDef="let element; let i = dataIndex" [ngClass]="i%2===0? 'message-table-row-even':'message-table-row-odd'"> |
| {{element[header]}} |
| </td> |
| </ng-container> |
| <tr mat-header-row *matHeaderRowDef="headers; sticky:true"> |
| </tr> |
| <tr mat-row *matRowDef= "let row; columns: headers;" |
| class="message-detail-row"> |
| </tr> |
| </table> |
| </div> |