diff --git a/nuxt4-app/app/pages/explorer.vue b/nuxt4-app/app/pages/explorer.vue
index 4b0b1ba..8feacfe 100644
--- a/nuxt4-app/app/pages/explorer.vue
+++ b/nuxt4-app/app/pages/explorer.vue
@@ -122,23 +122,23 @@
@@ -252,8 +252,9 @@ const tableColumns = computed(() => {
const firstRow = tableData.value[0]
const cols = Object.keys(firstRow).map(key => ({
- key,
- label: upperFirst(key)
+ accessorKey: key,
+ header: upperFirst(key),
+ id: key
}))
console.log('📊 tableColumns computed:', cols.length, 'columns')
return cols
@@ -261,10 +262,11 @@ const tableColumns = computed(() => {
const displayColumns = computed(() => {
const filtered = tableColumns.value
- .filter(col => visibleColumns.value.includes(col.key))
+ .filter(col => visibleColumns.value.includes(col.id))
.map(col => ({
- key: col.key,
- label: col.label
+ accessorKey: col.accessorKey,
+ header: col.header,
+ id: col.id
}))
console.log('📊 displayColumns computed:', filtered.length, 'visible columns')
return filtered