ui/src/app/components/sidenav-view-assessment/sidenav-view-assessment.component.html [97:123]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
          <ng-container matColumnDef="position">
            <th mat-header-cell *matHeaderCellDef class="mat-position"> No. </th>
            <td mat-cell *matCellDef="let element" class="mat-position"> {{element.position}} </td>
          </ng-container>

          <ng-container matColumnDef="description">
            <th mat-header-cell *matHeaderCellDef class="mat-description"> Description </th>
            <td mat-cell *matCellDef="let element" class="mat-description"> {{element.description}} </td>
          </ng-container>

          <ng-container matColumnDef="tableCount">
            <th mat-header-cell *matHeaderCellDef class="mat-tableCount"> Table Count </th>
            <td mat-cell *matCellDef="let element" class="mat-tableCount"> {{element.tableCount}} </td>
          </ng-container>

          <ng-container matColumnDef="expand">
            <th mat-header-cell *matHeaderCellDef aria-label="row actions">&nbsp;</th>
            <td mat-cell *matCellDef="let element">
              <button mat-icon-button aria-label="expand row" (click)="toggleRow(element); $event.stopPropagation()">
                <mat-icon *ngIf="!isRowExpanded(element)">keyboard_arrow_down</mat-icon>
                <mat-icon *ngIf="isRowExpanded(element)">keyboard_arrow_up</mat-icon>
              </button>
            </td>
          </ng-container>

          <ng-container matColumnDef="expandedDetail">
            <td mat-cell *matCellDef="let element" [attr.colspan]="columnsToDisplayWithExpand.length">
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



ui/src/app/components/sidenav-view-assessment/sidenav-view-assessment.component.html [150:176]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
          <ng-container matColumnDef="position">
            <th mat-header-cell *matHeaderCellDef class="mat-position"> No. </th>
            <td mat-cell *matCellDef="let element" class="mat-position"> {{element.position}} </td>
          </ng-container>

          <ng-container matColumnDef="description">
            <th mat-header-cell *matHeaderCellDef class="mat-description"> Description </th>
            <td mat-cell *matCellDef="let element" class="mat-description"> {{element.description}} </td>
          </ng-container>

          <ng-container matColumnDef="tableCount">
            <th mat-header-cell *matHeaderCellDef class="mat-tableCount"> Table Count </th>
            <td mat-cell *matCellDef="let element" class="mat-tableCount"> {{element.tableCount}} </td>
          </ng-container>

          <ng-container matColumnDef="expand">
            <th mat-header-cell *matHeaderCellDef aria-label="row actions">&nbsp;</th>
            <td mat-cell *matCellDef="let element">
              <button mat-icon-button aria-label="expand row" (click)="toggleRow(element); $event.stopPropagation()">
                <mat-icon *ngIf="!isRowExpanded(element)">keyboard_arrow_down</mat-icon>
                <mat-icon *ngIf="isRowExpanded(element)">keyboard_arrow_up</mat-icon>
              </button>
            </td>
          </ng-container>

          <ng-container matColumnDef="expandedDetail">
            <td mat-cell *matCellDef="let element" [attr.colspan]="columnsToDisplayWithExpand.length">
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -