From 3c795404cfbb640f42b5323bca7f129f0fb2f4f0 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Tue, 14 Oct 2025 04:11:51 -0600
Subject: [PATCH] fix: usar rows en lugar de data y key en lugar de accessorKey
 para UTable

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

diff --git a/nuxt4-app/app/pages/explorer.vue b/nuxt4-app/app/pages/explorer.vue
index d9ffd01..4b0b1ba 100644
--- a/nuxt4-app/app/pages/explorer.vue
+++ b/nuxt4-app/app/pages/explorer.vue
@@ -138,7 +138,7 @@
 
         <!-- Table -->
         <UTable
-          :data="paginatedData"
+          :rows="paginatedData"
           :columns="displayColumns"
           :loading="loadingData"
         />
@@ -263,13 +263,8 @@ const displayColumns = computed(() => {
   const filtered = tableColumns.value
     .filter(col => visibleColumns.value.includes(col.key))
     .map(col => ({
-      accessorKey: col.key,
-      header: col.label,
-      cell: ({ row }: any) => {
-        const value = row.getValue(col.key)
-        if (value === null || value === undefined) return '-'
-        return String(value)
-      }
+      key: col.key,
+      label: col.label
     }))
   console.log('📊 displayColumns computed:', filtered.length, 'visible columns')
   return filtered