table & view preview mode switch

packages/web/src/tabs/TableDataTab.svelte

@@ -298,17 +298,39 @@
           title: pureName,
           icon: 'img table-structure',
           tabComponent: 'TableStructureTab',
+          tabPreviewMode: true,
           props: {
             schemaName,
             pureName,
             conid,
             database,
             objectTypeField: 'tables',
+            defaultActionId: 'openStructure',
           },
         });
       }}>Open structure</ToolStripButton
     >
 
+    <ToolStripButton
+      icon="img sql-file"
+      on:click={() => {
+        openNewTab({
+          title: pureName,
+          icon: 'img sql-file',
+          tabComponent: 'SqlObjectTab',
+          tabPreviewMode: true,
+          props: {
+            schemaName,
+            pureName,
+            conid,
+            database,
+            objectTypeField: 'tables',
+            defaultActionId: 'showSql',
+          },
+        });
+      }}>Table SQL</ToolStripButton
+    >
+
     <ToolStripButton
       icon={$collapsedLeftColumnStore ? 'icon columns-outline' : 'icon columns'}
       on:click={() => collapsedLeftColumnStore.update(x => !x)}>View columns</ToolStripButton