@pega/dx-component-builder-sdk

Version:

Utility for building custom UI components

13 lines (11 loc) • 523 B

HTML

<div>
  <h2 class="psdk-case-history-title">{{ configProps$.label }}</h2>
  <table mat-table [dataSource]="repeatList$">
    <ng-container *ngFor="let dCol of fields$" [matColumnDef]="dCol.fieldName">
      <th mat-header-cell *matHeaderCellDef>{{ dCol.label }}</th>
      <td mat-cell *matCellDef="let element">{{ element[dCol.fieldName] }}</td>
    </ng-container>

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