websites: default: snapshot

websites/default/scripts/table.js

@@ -29,11 +29,11 @@ function createTable({
           keyPrefix: "table",
           key: "index",
         },
-      },
+      }
     )
   );
   const index = signals.createMemo(() =>
-    serializedIndexToIndex(serializedIndex()),
+    serializedIndexToIndex(serializedIndex())
   );
 
   const table = window.document.createElement("table");
@@ -73,7 +73,7 @@ function createTable({
     table.append(tbody);
 
     const rowElements = signals.createSignal(
-      /** @type {HTMLTableRowElement[]} */ ([]),
+      /** @type {HTMLTableRowElement[]} */ ([])
     );
 
     /**
@@ -196,6 +196,10 @@ function createTable({
             signal: vecIdOption,
           });
 
+          signals.createEffect(vecIdOption, (vecIdOption) => {
+            select.style.width = `${30 + 8.5 * vecIdOption.name.length}px`;
+          });
+
           if (_colIndex === columns().length) {
             columns.set((l) => {
               l.push(vecId);
@@ -319,7 +323,7 @@ function createTable({
                 });
 
                 return () => vecId;
-              },
+              }
             );
           });
         });
@@ -390,7 +394,7 @@ export function init({
       },
       inside: span,
       title: "Click or tap to add a column to the table",
-    }),
+    })
   );
 }
 
@@ -495,7 +499,7 @@ function createIndexToVecIds(vecIdToIndexes) {
       });
       return arr;
     },
-    /** @type {VecId[][]} */ (new Array(24)),
+    /** @type {VecId[][]} */ (new Array(24))
   );
   indexToVecIds.forEach((arr) => {
     arr.sort();