aboutsummaryrefslogtreecommitdiff
path: root/fe/src/lib/Table.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'fe/src/lib/Table.svelte')
-rw-r--r--fe/src/lib/Table.svelte41
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>
36table {
37 padding: 16px;
38 margin: 8px;
39 border: solid 1px black;
40}
41</style>