summaryrefslogtreecommitdiffstats
path: root/src/server/template/table.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/server/template/table.ts')
-rw-r--r--src/server/template/table.ts32
1 files changed, 32 insertions, 0 deletions
diff --git a/src/server/template/table.ts b/src/server/template/table.ts
new file mode 100644
index 0000000..34f2771
--- /dev/null
+++ b/src/server/template/table.ts
@@ -0,0 +1,32 @@
+import { c, node } from "./vdom.js";
+import { Attribute, caption, table as Table, td, th, thead, tr } from "./html.js";
+
+interface TableAttr extends Attribute {
+ header: boolean;
+ data: node[][];
+ caption?: string;
+}
+
+export default function table({ header, data, caption: captio, ...attr }: TableAttr) {
+ const capt = captio ? c(caption, {}, captio) : undefined;
+ if (header) {
+ const [head, ...tbldata] = data;
+ return c(Table, attr,
+ ...tbldata.map(
+ row => c(tr, {}, ...row.map(
+ key => c(td, {}, key ?? "")
+ ))
+ ),
+ c(thead, {}, c(tr, {}, ...(head ?? []).map(e => c(th, {}, e ?? "")))),
+ ...(capt ? [capt] : [])
+ );
+ } else {
+ return c(Table, attr, ...data.map(
+ row => c(tr, {}, ...row.map(
+ key => c(td, {}, key ?? "")
+ ))
+ ),
+ ...(capt ? [capt] : [])
+ );
+ }
+}