table element

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) {