add wip grid component

use cdn for bootstrap
remove bloat from toaster

1 files changed, 39 insertions, 0 deletions

diff --git a/grid/index.js b/grid/index.js
new file mode 100644
index 0000000..2eec36d
--- /dev/null
+++ b/grid/index.js
@@ -0,0 +1,39 @@
+import Grid from "./src/grid";
+
+const grid = new Grid({
+    data: [
+        { id: "1", firstName: "Ivar", lastName: "Løvlie" },
+        { id: "2", firstName: "Sebastian", lastName: "" },
+        { id: "3", firstName: "Heidi", lastName: "" },
+        { id: "4", firstName: "Frank", lastName: "" },
+        { id: "5", firstName: "Ivar", lastName: "Løvlie" },
+        { id: "6", firstName: "Sebastian", lastName: "" },
+        { id: "7", firstName: "Heidi", lastName: "" },
+        { id: "8", firstName: "Frank", lastName: "" },
+        { id: "9", firstName: "Ivar", lastName: "Løvlie" },
+        { id: "10", firstName: "Sebastian", lastName: "" },
+        { id: "11", firstName: "Heidi", lastName: "" },
+        { id: "12", firstName: "Frank", lastName: "" },
+        { id: "13", firstName: "Ivar", lastName: "Løvlie" },
+        { id: "14", firstName: "Sebastian", lastName: "" },
+        { id: "15", firstName: "Heidi", lastName: "" },
+        { id: "16", firstName: "123123", lastName: "" },
+    ],
+    pageSize: 5,
+    columns: [
+        {
+            dataId: "id",
+            columnName: "ID",
+        },
+        {
+            dataId: "firstName",
+            columnName: "Fornavn",
+        },
+        {
+            cellValue: (row) => row.lastName,
+            columnName: "Etternavn",
+        },
+    ],
+});
+
+grid.render(document.querySelector("#root"));