Map testing, custom table based on Tanstack Table

2024-10-25 10:02:40 +09:00
parent edb6ae00fb
commit 115c6ec417
13 changed files with 1956 additions and 125 deletions
--- a/client/src/components/CustomTable.module.scss
+++ b/client/src/components/CustomTable.module.scss
@ -0,0 +1,51 @@
+.resize_handler {
+    position: absolute;
+    opacity: 0;
+    top: 0;
+    right: 0;
+    height: 100%;
+    width: 5px;
+    background: #27bbff;
+    cursor: col-resize;
+    user-select: none;
+    touch-action: none;
+    border-radius: 6px;
+}
+
+.resize_handler:hover {
+    opacity: 1;
+}
+
+.tr {
+    display: flex;
+    //width: 100%;
+    //max-width: 100%;
+    width: fit-content;
+}
+
+.th {
+    position: relative;
+}
+
+.th,
+.td {
+    display: flex;
+    width: auto;
+}
+
+.thead {
+    display: flex;
+    width: 100%;
+}
+
+.table {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+}
+
+.tbody {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+}