diff --git a/ui/table-bindings.js b/ui/table-bindings.js
index 8ee18ca..93ca875 100644
--- a/ui/table-bindings.js
+++ b/ui/table-bindings.js
@@ -320,14 +320,13 @@ export function renderTables() {
     }
 
     const highlights = TableManager.getHighlights();
+    const fragment = document.createDocumentFragment();
 
     const placeholder = document.getElementById('add-table-placeholder');
     if (placeholder) {
         placeholder.remove();
     }
 
-    container.innerHTML = '';
-
     tables.forEach((tableData, tableIndex) => {
         const header = document.createElement('div');
         header.style.display = 'flex';
@@ -349,7 +348,7 @@ export function renderTables() {
         `;
         header.appendChild(title);
         header.appendChild(controls);
-        container.appendChild(header);
+        fragment.appendChild(header);
 
         const tableWrapper = document.createElement('div');
         tableWrapper.className = 'amily2-table-wrapper';
@@ -616,9 +615,12 @@ export function renderTables() {
             });
         }
         tableWrapper.appendChild(tableElement);
-        container.appendChild(tableWrapper);
+        fragment.appendChild(tableWrapper);
     });
 
+    container.innerHTML = '';
+    container.appendChild(fragment);
+
     if (placeholder) {
         container.appendChild(placeholder);
     }