From a779fd5ac84c904822f73cae8936ffbe8b171e9b Mon Sep 17 00:00:00 2001
From: Fabian Merino <13384115+fabianmerino@users.noreply.github.com>
Date: Tue, 26 Aug 2025 01:06:34 -0500
Subject: [PATCH] fix(Table): update colspan calculation for loading and empty
 states

---
 src/runtime/components/Table.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/Table.vue b/src/runtime/components/Table.vue
index a766c2549e..b6db6ea1a9 100644
--- a/src/runtime/components/Table.vue
+++ b/src/runtime/components/Table.vue
@@ -490,13 +490,13 @@ defineExpose({
         </template>
 
         <tr v-else-if="loading && !!slots['loading']">
-          <td :colspan="columns?.length" :class="ui.loading({ class: props.ui?.loading })">
+          <td :colspan="tableApi.getAllLeafColumns().length" :class="ui.loading({ class: props.ui?.loading })">
             <slot name="loading" />
           </td>
         </tr>
 
         <tr v-else>
-          <td :colspan="columns?.length" :class="ui.empty({ class: props.ui?.empty })">
+          <td :colspan="tableApi.getAllLeafColumns().length" :class="ui.empty({ class: props.ui?.empty })">
             <slot name="empty">
               {{ empty || t('table.noData') }}
             </slot>