{
// @ts-ignore
clientHeight = e.detail.height;
}}
>
{
// @ts-ignore
headerHeight = e.detail.height;
}}
>
{#each columnList as col}
|
{#if col.headerSlot != null}
{#if col.headerSlot == -1}
{:else if col.headerSlot == 0}
{:else if col.headerSlot == 1}
{:else if col.headerSlot == 2}
{:else if col.headerSlot == 3}
{:else if col.headerSlot == 4}
{:else if col.headerSlot == 5}
{:else if col.headerSlot == 6}
{:else if col.headerSlot == 7}
{/if}
{:else}
{col.header || ''}
{/if}
|
{/each}
{#each rows as row, index}
{
if (selectable) {
selectedIndex = index;
domTable.focus();
}
if (clickable) {
dispatch('clickrow', row);
}
}}
>
{#each columnList as col}
|
{#if col.component}
{:else if col.formatter}
{col.formatter(row)}
{:else if col.slot != null}
{#if col.slot == -1}
{:else if col.slot == 0}
{:else if col.slot == 1}
{:else if col.slot == 2}
{:else if col.slot == 3}
{:else if col.slot == 4}
{:else if col.slot == 5}
{:else if col.slot == 6}
{:else if col.slot == 7}
{/if}
{:else}
{row[col.fieldName] || ''}
{/if}
|
{/each}
{/each}
{#if onLoadNext}
{#key rows}
| Loading next rows... |
{/key}
{/if}