From 9af3f51760ff40150b60efd9ecca4f0935ccce78 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Tue, 14 Oct 2025 04:10:11 -0600
Subject: [PATCH] fix: corregir estructura de columnas para UTable usando
 accessorKey en lugar de key

---
 nuxt4-app/app/pages/explorer.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/nuxt4-app/app/pages/explorer.vue b/nuxt4-app/app/pages/explorer.vue
index c610c63..d9ffd01 100644
--- a/nuxt4-app/app/pages/explorer.vue
+++ b/nuxt4-app/app/pages/explorer.vue
@@ -263,9 +263,13 @@ const displayColumns = computed(() => {
   const filtered = tableColumns.value
     .filter(col => visibleColumns.value.includes(col.key))
     .map(col => ({
-      key: col.key,
-      label: col.label,
-      sortable: true
+      accessorKey: col.key,
+      header: col.label,
+      cell: ({ row }: any) => {
+        const value = row.getValue(col.key)
+        if (value === null || value === undefined) return '-'
+        return String(value)
+      }
     }))
   console.log('📊 displayColumns computed:', filtered.length, 'visible columns')
   return filtered