@for (column of hideable(); track column.key) { }

@if ((cards() && sortable().length > 0) || columnsInToolbar()) { } @if (error() !== null) { } @if (cards()) {

@if (cardColumns().title; as column) {

}
@if (cardColumns().status; as column) { } @if (cardColumns().timestamp; as column) { }
@if (cardColumns().metrics.length > 0) {
@for (column of cardColumns().metrics; track column.key) {

{{ column.header }} @if (column.info; as info) { }

}
} @if (cardColumns().more.length > 0) { @if (expanded().has(trackBy()(row))) {
@for (column of cardColumns().more; track column.key) {

{{ column.header }} @if (column.info; as info) { }

}
} }

} @else {

@for (column of visible(); track column.key) { } @if (skeletonRows()) { @for (index of skeletonIndexes(); track index) { @for (column of visible(); track column.key) { } } } @for (row of rows(); track trackBy()(row)) { @for (column of visible(); track column.key) { } }

{{ caption() }}
@if (column.sortable && column.sortDisabledReason !== undefined) { } @else if (column.sortable) { } @else { {{ column.header }} } @if (column.info; as info) { }

} @if (empty()) { }