diff --git a/packages/web/src/datagrid/ColumnManagerRow.svelte b/packages/web/src/datagrid/ColumnManagerRow.svelte
index 7e722b2ba..64d72be24 100644
--- a/packages/web/src/datagrid/ColumnManagerRow.svelte
+++ b/packages/web/src/datagrid/ColumnManagerRow.svelte
@@ -52,7 +52,7 @@
       }}
     />
   {/if}
-  <ColumnLabel {...column} />
+  <ColumnLabel {...column} showDataType />
 </div>
 
 <style>
diff --git a/packages/web/src/elements/ColumnLabel.svelte b/packages/web/src/elements/ColumnLabel.svelte
index 931f88cab..e26cd87a3 100644
--- a/packages/web/src/elements/ColumnLabel.svelte
+++ b/packages/web/src/elements/ColumnLabel.svelte
@@ -15,6 +15,8 @@
   export let headerText = '';
   export let columnName = '';
   export let extInfo = null;
+  export let dataType = null;
+  export let showDataType = false;
 
   $: icon = getColumnIcon($$props, forceIcon);
 </script>
@@ -27,6 +29,9 @@
   {#if extInfo}
     <span class="extinfo">{extInfo}</span>
   {/if}
+  {#if showDataType && dataType}
+    <span class="extinfo">{dataType.toLowerCase()}</span>
+  {/if}
 </span>
 
 <style>
diff --git a/packages/web/src/formview/FormView.svelte b/packages/web/src/formview/FormView.svelte
index bca7f5d0a..30d02c1a6 100644
--- a/packages/web/src/formview/FormView.svelte
+++ b/packages/web/src/formview/FormView.svelte
@@ -567,6 +567,7 @@
                   {...col}
                   headerText={col.columnName}
                   extInfo={col.foreignKey ? ` -> ${col.foreignKey.refTableName}` : null}
+                  showDataType={!col.foreignKey}
                 />
               </div>
             </td>