diff options
Diffstat (limited to 'fe/src/lib/Table.svelte')
-rw-r--r-- | fe/src/lib/Table.svelte | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/fe/src/lib/Table.svelte b/fe/src/lib/Table.svelte new file mode 100644 index 0000000..2df9f8c --- /dev/null +++ b/fe/src/lib/Table.svelte | |||
@@ -0,0 +1,41 @@ | |||
1 | <script lang="ts"> | ||
2 | export let data; | ||
3 | export let nofooter: boolean = false; | ||
4 | export let noheader: boolean = false; | ||
5 | export let title: string; | ||
6 | </script> | ||
7 | <table> | ||
8 | {#if title} | ||
9 | <h2>{title}</h2> | ||
10 | {/if} | ||
11 | {#if !noheader} | ||
12 | <thead> | ||
13 | <tr> | ||
14 | <th> | ||
15 | Data Header | ||
16 | </th> | ||
17 | </tr> | ||
18 | </thead> | ||
19 | {/if} | ||
20 | <tbody> | ||
21 | <tr> | ||
22 | <td>Data</td> | ||
23 | </tr> | ||
24 | </tbody> | ||
25 | {#if !nofooter} | ||
26 | <slot name="footer"> | ||
27 | <tfoot> | ||
28 | <tr> | ||
29 | <td>Table Footer</td> | ||
30 | </tr> | ||
31 | </tfoot> | ||
32 | </slot> | ||
33 | {/if} | ||
34 | </table> | ||
35 | <style> | ||
36 | table { | ||
37 | padding: 16px; | ||
38 | margin: 8px; | ||
39 | border: solid 1px black; | ||
40 | } | ||
41 | </style> | ||