refactor: custom render only for specific db type

packages/nc-gui/components/smartsheet/grid/GroupByLabel.vue

@@ -1,18 +1,22 @@
 <script setup lang="ts">
 import type { ColumnType } from 'nocodb-sdk'
-import { isVirtualCol } from 'nocodb-sdk'
+import { UITypes, isVirtualCol } from 'nocodb-sdk'
 
-defineProps<{
+const props = defineProps<{
   column: ColumnType
   modelValue: any
 }>()
 
 provide(ReadonlyInj, true)
+
+const renderCell = computed(() =>
+  [UITypes.Lookup, UITypes.Attachment, UITypes.Barcode, UITypes.QrCode, UITypes.Links].includes(props.column?.uidt),
+)
 </script>
 
 <template>
   <div class="pointer-events-none">
-    <LazySmartsheetRow v-show="!showSkeleton" :row="{ row: { [column.title]: modelValue }, rowMeta: {} }">
+    <LazySmartsheetRow v-if="renderCell" :row="{ row: { [column.title]: modelValue }, rowMeta: {} }">
       <LazySmartsheetVirtualCell v-if="isVirtualCol(column)" :model-value="modelValue" class="!text-gray-600" :column="column" />
 
       <LazySmartsheetCell
@@ -24,5 +28,6 @@ provide(ReadonlyInj, true)
         :read-only="true"
       />
     </LazySmartsheetRow>
+    <template v-else>{{ modelValue }}</template>
   </div>
 </template>