<div style="display: table-row" *ngFor="let row of rows">
    <button type="button" class="btn" (click)="'isCollapsed'+row.id = !'isCollapsed'+row.id" [attr.aria-expanded]="false"
        aria-controls="'isCollapsed'+row.id">
        E
    </button>
    <div id="'isCollapsed'+row.id" [ngbCollapse]="'isCollapsed'+row.id">
        <div class="card">
            <div class="card-body">
                Some dynamic table content
            </div>
        </div>
    </div>
    <div style="display: table-cell;">
        <input type="checkbox" [checked]="chk" [id]="row.id" [name]="row.id">
    </div>
    <div style="display: table-cell;"> {{row.id}} </div>
    <div style="display: table-cell;"> {{row.name}} </div>
    <div style="display: table-cell;"> {{row.address}} </div>
    <div style="display: table-cell;"> {{row.package}} </div>
    <div style="display: table-cell;"> {{row.notes}} </div>
    <div style="display: table-cell;"> {{row.price}} </div>
    <div style="display: table-cell;"> {{row.status}} </div>
</div>