table (BEM-block)

<div class="table">
    <div class="table__header-row">
        <div class="table__header-cell">Заголовок столбца</div>
        <div class="table__header-cell">Заголовок столбца</div>
        <div class="table__header-cell">Заголовок столбца</div>
    </div>
    <ng-container *ngFor="...">
        <!--Наличие класса opened означает, что table__hidden-row будет показываться-->
        <div class="table__row opened" [ngClass]="{'opened': ...}" (click)="...">
            <div class="table__cell">
                <div class="table__data">
                    <!--Содержимое ячейки-->
                </div>
            </div>
            <div class="table__cell">
                <div class="table__data">
                    <!-- Содержимое ячейки-->
                </div>
            </div>
            <div class="table__cell">
                <div class="table__data">
                    <!--Содержимое ячейки-->
                </div>
            </div>
        </div>
        <div class="table__hidden-row">
                <div class="table__hidden-data">
                    <!--Содержимое скрытого элемента-->
                </div>
        </div>
    </ng-container>
</div>