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> | ||