Как получить значение строки в заголовке столбца, используя таблицу материалов angular

Question

Можно ли получить значение строки в заголовке столбца, используя angular таблицу материалов и sql сервер.

пример: у меня есть 2 таблицы в sql сервере DBTable 1: ID Subject

        1        English

DBTable2: ID Marks

         1         55
        

Я хочу отобразить приведенные выше данные в angular таблице материалов, например,

заголовок - ID Engli sh

ряд - 1 55

  <ng-container matColumnDef="xxxxxx">
                    <th mat-header-cell *matHeaderCellDef mat-sort-header class="font-size16"> Subject</th>
                    <td mat-cell *matCellDef="let element"> {{element.marks}} </td>
                </ng-container>

Пожалуйста, помогите мне, так как я новичок в angular

Спасибо

Answer 1

Вы можете отобразить заголовок, используя для l oop вот так

 <table mat-table [dataSource]="data" class="mat-elevation-z8">
  <ng-container [matColumnDef]="column" *ngFor="let column of displayedColumns">
    <th mat-header-cell *matHeaderCellDef> {{column}} </th>
    <td mat-cell *matCellDef="let element"> {{element[column]}} </td>
  </ng-container>

  <tr mat-header-row *matHeaderRowDef="columnsToDisplay"></tr>
  <tr mat-row *matRowDef="let row; columns: columnsToDisplay;"></tr>
</table>