From 1351b33666ee526d5d50fe38b43e8499c252c3b6 Mon Sep 17 00:00:00 2001
From: Lars Gebhardt-Kusche <lars@kusche.berlin>
Date: Sun, 8 Feb 2026 00:12:01 +0100
Subject: [PATCH] table element

---
 config/current.ver                            |  2 +-
 .../blocks-custom/elements/table-2xn.js       | 28 ++++++++++---------
 public/assets/js/bridge/table-builder.js      | 16 ++++++++++-
 3 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/config/current.ver b/config/current.ver
index a366a08..eae86f0 100644
--- a/config/current.ver
+++ b/config/current.ver
@@ -1 +1 @@
-1.2.74
+1.2.75
diff --git a/public/assets/js/bridge/blocks-custom/elements/table-2xn.js b/public/assets/js/bridge/blocks-custom/elements/table-2xn.js
index e4fe0c7..7818107 100644
--- a/public/assets/js/bridge/blocks-custom/elements/table-2xn.js
+++ b/public/assets/js/bridge/blocks-custom/elements/table-2xn.js
@@ -3,19 +3,21 @@
   window.BridgeBlocksCustomElements.push(function(ctx){
     const { bm, addOnce, css } = ctx;
     addOnce(bm, 'cust-table', { id:'cust-table', label:'🧩 Tabelle (2xN)',
-      content:`<table data-bridge-table="1" data-bridge-rows="3" data-bridge-cols="2" role="presentation" width="100%" cellpadding="0" cellspacing="0" style="${css({'font-family':'Arial,sans-serif','border-collapse':'collapse','width':'100%','margin-bottom':'16px'})}">
-        <tr>
-          <th style="${css({'text-align':'left','padding':'8px','border':'1px solid #e2e8f0','background-color':'#f8fafc','font-size':'13px'})}">Spalte A</th>
-          <th style="${css({'text-align':'left','padding':'8px','border':'1px solid #e2e8f0','background-color':'#f8fafc','font-size':'13px'})}">Spalte B</th>
-        </tr>
-        <tr>
-          <td style="${css({'padding':'8px','border':'1px solid #e2e8f0','font-size':'13px'})}">Zeile 1</td>
-          <td style="${css({'padding':'8px','border':'1px solid #e2e8f0','font-size':'13px'})}">...</td>
-        </tr>
-        <tr>
-          <td style="${css({'padding':'8px','border':'1px solid #e2e8f0','font-size':'13px'})}">Zeile 2</td>
-          <td style="${css({'padding':'8px','border':'1px solid #e2e8f0','font-size':'13px'})}">...</td>
-        </tr>
+      content:`<table data-bridge-table="1" data-bridge-rows="3" data-bridge-cols="2" data-gjs-selectable="true" data-gjs-hoverable="true" role="presentation" width="100%" cellpadding="0" cellspacing="0" style="${css({'font-family':'Arial,sans-serif','border-collapse':'collapse','width':'100%','margin-bottom':'16px'})}">
+        <tbody>
+          <tr>
+            <th data-gjs-selectable="false" data-gjs-draggable="false" style="${css({'text-align':'left','padding':'8px','border':'1px solid #e2e8f0','background-color':'#f8fafc','font-size':'13px'})}">Spalte A</th>
+            <th data-gjs-selectable="false" data-gjs-draggable="false" style="${css({'text-align':'left','padding':'8px','border':'1px solid #e2e8f0','background-color':'#f8fafc','font-size':'13px'})}">Spalte B</th>
+          </tr>
+          <tr>
+            <td data-gjs-selectable="false" data-gjs-draggable="false" style="${css({'padding':'8px','border':'1px solid #e2e8f0','font-size':'13px'})}">Zeile 1</td>
+            <td data-gjs-selectable="false" data-gjs-draggable="false" style="${css({'padding':'8px','border':'1px solid #e2e8f0','font-size':'13px'})}">...</td>
+          </tr>
+          <tr>
+            <td data-gjs-selectable="false" data-gjs-draggable="false" style="${css({'padding':'8px','border':'1px solid #e2e8f0','font-size':'13px'})}">Zeile 2</td>
+            <td data-gjs-selectable="false" data-gjs-draggable="false" style="${css({'padding':'8px','border':'1px solid #e2e8f0','font-size':'13px'})}">...</td>
+          </tr>
+        </tbody>
       </table>`
     });
   });
diff --git a/public/assets/js/bridge/table-builder.js b/public/assets/js/bridge/table-builder.js
index 5213c0a..20bddd7 100644
--- a/public/assets/js/bridge/table-builder.js
+++ b/public/assets/js/bridge/table-builder.js
@@ -32,7 +32,7 @@
             const safeCols = Math.max(1, Math.min(6, Number(cols) || 2));
             const cellStyle = "padding:8px;border:1px solid #e2e8f0;font-size:13px";
             const headStyle = "text-align:left;padding:8px;border:1px solid #e2e8f0;background-color:#f8fafc;font-size:13px";
-            let html = '';
+            let html = '<tbody>';
             for (let r = 0; r < safeRows; r++) {
                 html += '<tr>';
                 for (let c = 0; c < safeCols; c++) {
@@ -46,6 +46,7 @@
                 }
                 html += '</tr>';
             }
+            html += '</tbody>';
             return html;
         };
 
@@ -112,6 +113,10 @@
                 event.preventDefault();
                 event.stopPropagation();
                 modal.close();
+                const mdl = modal.getModel && modal.getModel();
+                if (mdl && typeof mdl.set === 'function') {
+                    mdl.set('open', false);
+                }
             });
 
             const saveBtn = document.createElement('button');
@@ -136,6 +141,10 @@
                     component.view.render();
                 }
                 modal.close();
+                const mdl = modal.getModel && modal.getModel();
+                if (mdl && typeof mdl.set === 'function') {
+                    mdl.set('open', false);
+                }
             });
 
             actions.appendChild(cancelBtn);
@@ -176,6 +185,11 @@
 
         editor.on('component:selected', (model) => {
             if (isBridgeTableComponent(model)) {
+                model.set && model.set({
+                    selectable: true,
+                    hoverable: true,
+                    highlightable: true,
+                });
                 const toolbar = model.get('toolbar') || [];
                 const exists = toolbar.some(btn => btn && btn.command === 'bridge-table:edit');
                 if (!exists) {