diff --git a/packages/web/src/datagrid/DataFilterControl.svelte b/packages/web/src/datagrid/DataFilterControl.svelte
index b32ef4016..1fbef6cbc 100644
--- a/packages/web/src/datagrid/DataFilterControl.svelte
+++ b/packages/web/src/datagrid/DataFilterControl.svelte
@@ -23,8 +23,8 @@
   export let filter;
   export let setFilter;
   export let showResizeSplitter = false;
-  export let onFocusGrid;
-  export let onGetReference;
+  export let onFocusGrid = null;
+  export let onGetReference = null;
   export let foreignKey = null;
   export let conid = null;
   export let database = null;
diff --git a/packages/web/src/perspectives/PerspectiveTable.svelte b/packages/web/src/perspectives/PerspectiveTable.svelte
index b572a5f85..2ec952f7a 100644
--- a/packages/web/src/perspectives/PerspectiveTable.svelte
+++ b/packages/web/src/perspectives/PerspectiveTable.svelte
@@ -14,6 +14,7 @@
   import PerspectiveIntersectionObserver from './PerspectiveIntersectionObserver.svelte';
   import debug from 'debug';
   import contextMenu from '../utility/contextMenu';
+  import DataFilterControl from '../datagrid/DataFilterControl.svelte';
 
   const dbg = debug('dbgate:PerspectivaTable');
 
@@ -170,6 +171,13 @@
             {/each}
           </tr>
         {/each}
+        <!-- <tr>
+          {#each display.columns as column}
+            <th>
+              <DataFilterControl filter="" setFilter={null} columnName={column.dataNode.codeName} filterType="string" />
+            </th>
+          {/each}
+        </tr> -->
       </thead>
       <tbody>
         {#each display.rows as row}