diff --git a/packages/nc-gui/components/project/spreadsheet/RowsXcDataTable.vue b/packages/nc-gui/components/project/spreadsheet/RowsXcDataTable.vue
index 9b40bdc01a..2f46caba35 100644
--- a/packages/nc-gui/components/project/spreadsheet/RowsXcDataTable.vue
+++ b/packages/nc-gui/components/project/spreadsheet/RowsXcDataTable.vue
@@ -29,6 +29,9 @@
               :key="col.column_name"
               @click="searchField = col.title"
             >
+              <v-icon color="grey darken-4" small class="mr-1">
+                {{ col.icon }}
+              </v-icon>
               <span class="caption">{{ col.title }}</span>
             </v-list-item>
           </v-list>
diff --git a/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js b/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js
index 5688a09f44..87ca1b68fc 100644
--- a/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js
+++ b/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js
@@ -1,4 +1,5 @@
 import { isVirtualCol, filterOutSystemColumns } from 'nocodb-sdk'
+import { getUIDTIcon } from '~/components/project/spreadsheet/helpers/uiTypes'
 
 export default {
   data: () => ({
@@ -91,7 +92,10 @@ export default {
       }, [])
     },
     availableRealColumns() {
-      return this.availableColumns && this.availableColumns.filter(c => !isVirtualCol(c))
+      return this.availableColumns && this.availableColumns.filter(c => !isVirtualCol(c)).map(c => ({
+        ...c,
+        icon: getUIDTIcon(c.uidt)
+      }))
     },
 
     allColumns() {