DiunaBI/Frontend/src/app/modules/data-sets/data-set-detail/data-set-detail.component.html

<div>
    <form [formGroup]="form" novalidate>
      <mat-card appearance="outlined">
        <mat-toolbar color="secondary">
          Szczegóły warstwy danych
        </mat-toolbar>
        <mat-card-content>
          <mat-grid-list cols="2" rowHeight="90px">
            <mat-grid-tile>
              <mat-form-field class="detail-input">
                <mat-label>Nazwa</mat-label>
                <input matInput formControlName="name">
              </mat-form-field>
            </mat-grid-tile>
  
            <mat-grid-tile>
                <mat-form-field class="detail-input">
                    <input matInput formControlName="source">
                </mat-form-field>
              </mat-grid-tile>
          </mat-grid-list>

          <mat-table #table [dataSource]="dataSource" [trackBy]="trackByUid" matSort class="animate">
  
            <ng-container matColumnDef="code">
              <mat-header-cell *matHeaderCellDef mat-sort-header>MPK</mat-header-cell>
              <mat-cell *matCellDef="let item">{{item.code}}</mat-cell>
            </ng-container>
      
            <ng-container matColumnDef="desc1">
              <mat-header-cell *matHeaderCellDef mat-sort-header>Konto</mat-header-cell>
              <mat-cell *matCellDef="let item">{{item.desc1}}</mat-cell>
            </ng-container>

            <ng-container matColumnDef="value">
              <mat-header-cell *matHeaderCellDef mat-sort-header>Wartość</mat-header-cell>
              <mat-cell *matCellDef="let item" align="right">{{item.value | number:'1.2-2'}}</mat-cell>
            </ng-container>
        
            <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
            <mat-row *matRowDef="let item; columns: displayedColumns;"></mat-row>
          </mat-table>
          <mat-paginator #paginator
                         [pageSize]="50"
                         [pageSizeOptions]="[5, 10, 20]">
          </mat-paginator>
        </mat-card-content>
      </mat-card>
    </form>
  </div>