Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | <svelte:options customElement="jga-ui-table" immutable="{true}" />
<style lang="scss">
@import "./style";
</style>
<script lang="ts">
import { onMount } from "svelte";
// eslint-disable-next-line import/no-mutable-exports
export let headers = [];
// eslint-disable-next-line import/no-mutable-exports
export let data = [];
// eslint-disable-next-line import/no-mutable-exports
export let tableHeaders = [];
// eslint-disable-next-line import/no-mutable-exports
export let tableData = [];
onMount(() => {
tableHeaders = typeof headers === "string" ? JSON.parse(headers) : headers;
tableData = typeof data === "string" ? JSON.parse(data) : data;
});
</script>
<table>
<tr>
{#each tableHeaders as header}
<th>{header}</th>
{/each}
</tr>
{#each tableData as item, i}
<tr>
<td data-th="{tableHeaders[i]}">{item}</td>
</tr>
{/each}
</table>
|