feat(nc-gui): not render field with no value on kanban card

packages/nc-gui/components/smartsheet/Kanban.vue

@@ -275,18 +275,17 @@ openNewRecordFormHook?.on(async (stackTitle) => {
                                 :key="`record-${record.row.id}-${col.id}`"
                                 class="flex flex-col rounded-lg w-full"
                               >
-                                <div class="flex flex-row w-full justify-start pt-2">
+                                <div v-if="!isRowEmpty(record, col)" class="flex flex-row w-full justify-start pt-2">
                                   <div class="w-full text-gray-600">
                                     <SmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" :hide-menu="true" />
                                     <SmartsheetHeaderCell v-else :column="col" :hide-menu="true" />
                                   </div>
                                 </div>
                                 <div
+                                  v-if="!isRowEmpty(record, col)"
                                   class="flex flex-row w-full items-center justify-start"
                                   :class="{ 'pt-2 pl-2': col.uidt !== UITypes.SingleSelect }"
                                 >
-                                  <div v-if="isRowEmpty(record, col)" class="h-4 bg-gray-200 px-5 ml-3 mt-2 rounded-lg"></div>
-                                  <template v-else>
                                   <SmartsheetVirtualCell
                                     v-if="isVirtualCol(col)"
                                     v-model="record.row[col.title]"
@@ -300,7 +299,6 @@ openNewRecordFormHook?.on(async (stackTitle) => {
                                     :edit-enabled="false"
                                     :read-only="true"
                                   />
-                                  </template>
                                 </div>
                               </div>
                             </a-card>