diff --git a/packages/web/src/designer/Designer.svelte b/packages/web/src/designer/Designer.svelte
index 46c4d7fad..37065786c 100644
--- a/packages/web/src/designer/Designer.svelte
+++ b/packages/web/src/designer/Designer.svelte
@@ -67,7 +67,8 @@
   let canvasHeight = 3000;
   let dragStartPoint = null;
   let dragCurrentPoint = null;
-  let columnFilter;
+  export let columnFilter;
+  export let showColumnFilter = true;
 
   const sourceDragColumn$ = writable(null);
   const targetDragColumn$ = writable(null);
@@ -972,7 +973,7 @@
       </svg>
     {/if}
   </div>
-  {#if tables?.length > 0}
+  {#if showColumnFilter && tables?.length > 0}
     <div class="panel">
       <DragColumnMemory {settings} {sourceDragColumn$} {targetDragColumn$} />
       <div class="searchbox">
diff --git a/packages/web/src/designer/DiagramDesigner.svelte b/packages/web/src/designer/DiagramDesigner.svelte
index cd2b449dc..810140972 100644
--- a/packages/web/src/designer/DiagramDesigner.svelte
+++ b/packages/web/src/designer/DiagramDesigner.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
   import Designer from './Designer.svelte';
   import DiagramDesignerReference from './DiagramDesignerReference.svelte';
+
+  export let columnFilter;
 </script>
 
 <Designer
@@ -18,4 +20,6 @@
     arrangeAlg: 'springy',
   }}
   referenceComponent={DiagramDesignerReference}
+  showColumnFilter={false}
+  {columnFilter}
 />
diff --git a/packages/web/src/designer/DiagramSettings.svelte b/packages/web/src/designer/DiagramSettings.svelte
index 5cc8016b8..eb3772a20 100644
--- a/packages/web/src/designer/DiagramSettings.svelte
+++ b/packages/web/src/designer/DiagramSettings.svelte
@@ -100,4 +100,6 @@
 
   <FormCheckboxField name="showNullability" label="Show NULL/NOT NULL" data-testid="DiagramSettings_showNullability" />
   <FormCheckboxField name="showDataType" label="Show data type" data-testid="DiagramSettings_showDataType" />
+
+  <FormTextField name="columnFilter" label="Column filter" />
 </FormProviderCore>
diff --git a/packages/web/src/tabs/DiagramTab.svelte b/packages/web/src/tabs/DiagramTab.svelte
index 60ed89740..418aaa150 100644
--- a/packages/web/src/tabs/DiagramTab.svelte
+++ b/packages/web/src/tabs/DiagramTab.svelte
@@ -123,7 +123,14 @@
 <ToolStripContainer>
   <HorizontalSplitter isSplitter={$styleStore.settingsVisible ?? true} initialSizeRight={300}>
     <svelte:fragment slot="1">
-      <DiagramDesigner value={$modelState.value || {}} {conid} {database} onChange={handleChange} menu={createMenu} />
+      <DiagramDesigner
+        value={$modelState.value || {}}
+        {conid}
+        {database}
+        onChange={handleChange}
+        menu={createMenu}
+        columnFilter={$styleStore.columnFilter}
+      />
     </svelte:fragment>
     <svelte:fragment slot="2">
       <WidgetColumnBar>