From f5e5c5b3b0595160ea010c0ebb8015b802abe1a4 Mon Sep 17 00:00:00 2001
From: AbleKSaju <126228406+AbleKSaju@users.noreply.github.com>
Date: Thu, 29 Jan 2026 17:09:09 +0530
Subject: [PATCH] fix: table header

---
 src/components/Controls/Table.vue | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/Controls/Table.vue b/src/components/Controls/Table.vue
index 6e6dfc64..581c7c73 100644
--- a/src/components/Controls/Table.vue
+++ b/src/components/Controls/Table.vue
@@ -23,16 +23,19 @@
         <div
           v-for="df in tableFields"
           :key="df.fieldname"
-          class="items-center px-2 h-row-mid"
-          :class="{
-            'ms-auto': isNumeric(df),
-          }"
-          :style="{
-            height: ``,
-          }"
+          class="flex px-2 h-row-mid"
+          :class="[
+            df.sub_label
+              ? 'flex-col items-center text-center'
+              : isNumeric(df)
+              ? 'ms-auto items-center'
+              : 'items-center',
+          ]"
         >
-          {{ df.label }}
-          <p class="text-xs">{{ df.sub_label }}</p>
+          <span>{{ df.label }}</span>
+          <p v-if="df.sub_label" class="text-xs">
+            {{ df.sub_label }}
+          </p>
         </div>
       </Row>