<p>settings.component works!</p>

<mat-card>
  <mat-card-content>
    <mat-divider></mat-divider>
    <mat-tab-group>
      <mat-tab label="Data Source properties">

        <table mat-table
               [dataSource]="properties" multiTemplateDataRows="true" class="mat-elevation-z8">
          @for (column of displayedColumns; track column) {
            <ng-container matColumnDef="{{column}}">
              <th mat-header-cell *matHeaderCellDef>{{column}}</th>
              <td mat-cell *matCellDef="let element ; let k = dataIndex;">{{element[column]}}</td>
            </ng-container>
          }
          <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
          <tr mat-row *matRowDef="let element; columns: displayedColumns;"
              class="example-element-row"
             >
          </tr>
        </table>

      </mat-tab>
    </mat-tab-group>
  </mat-card-content>
</mat-card>
