Angular как заморозить матовый стол

Вы можете добавить overlay div после таблицы и показать ее, когда хотите заблокировать просмотр таблицы.

<div class = "container">
    <div class = "mat-elevation-z8 layout-container">
       ...//table
    </div>

    <div class = "overlay" *ngIf = "requestInProgress"></div>
</div>

.container {
 position: relative;
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  opacity: 0.5;
  background-color: grey;
}

Вам просто нужно отключить события указателя, чтобы предотвратить клики/взаимодействие пользователя.

HTML

<div [ngClass] = "{'overlay' : requestInProgress}">
    <div class = "mat-elevation-z8 layout-container">
       ...//table
    </div>
</div>

CSS

.overlay{
    pointer-events: none; // The magic line

    z-index: 10000;
    opacity: 0.5;
    background-color: grey;
}