<ng-container *ngIf="owner; else noOwner">
    <div *ngIf="hasData; else noData" class="card-rows-table-wrapper" [class.busy-modal]="loadingData"
            tabindex="-1" (keydown.f1)="helpRequested.emit($event)">
        <sdi-splitter [style]="{'position': 'absolute', 'left': 0, 'right': 0}"
                      [ratio]="initRatio"
                      [minLeftWidth]="20"
                      [minRightWidth]="20"
                      [transparent]="true"
                      (resized)="onColumnsResized($event)">
        </sdi-splitter>

        <table class="card-rows-table">
            <colgroup>
                <col [style.width.%]="colWidthRatioInPercent">
                <col>
            </colgroup>

            <!-- projected rows -->
            <ng-content></ng-content>
        </table>
    </div>

    <ng-template #noData>
        <div *ngIf="loadingData; else noDataMsgRef" class="nothing-to-display-label" i18n="@@loadingMsg">
            загрузка...
        </div>
        <ng-template #noDataMsgRef>
            <div class="nothing-to-display-label" tabindex="-1" (keydown.f1)="helpRequested.emit($event)">
                {{noDataMsg}}
            </div>
        </ng-template>
    </ng-template>
</ng-container>

<ng-template #noOwner>
    <div class="nothing-to-display-label">
        {{noOwnerMsg}}
    </div>
</ng-template>