From 72c77440eb426c9d3d1dba7c1eec6113a7457cbb Mon Sep 17 00:00:00 2001
From: charlene tau express <charlene.tan@tauexpress.com>
Date: Fri, 7 Mar 2025 11:08:42 +0800
Subject: [PATCH] Updated TableComp.vue

---
 src/components/TableComp.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/TableComp.vue b/src/components/TableComp.vue
index ca52308..4a34184 100644
--- a/src/components/TableComp.vue
+++ b/src/components/TableComp.vue
@@ -10,22 +10,21 @@
             <button @click="goToSearchPage" class="btn rounded-[10px] bg-[#0000FF] text-[white]">Back To Search Page</button>
         </div>
         </div>
-        <div v-if="!noData" class="pt-[0px] h-[90%] w-[100%] border border-[blue] overflow-scroll">
-            <table class="table table-pin-rows border w-full">
+        <div v-if="!noData" class="pt-[0px] h-[90%] w-[100%] border border-[#000C66]  overflow-scroll">
+            <table class="table table-pin-rows  w-full">
                 <thead class="">
                     <!-- <tr  class=""> -->
                         <!-- <th v-for="item in keys_of_a_data" class=" sticky top-0 z-10">{{item}}</th> -->
                         <!-- <th colspan="52">metadata</th>
                         <th>search</th>
                     </tr> -->
-                    <tr class="sticky border bg-[#000C66] text-[white]">
-                        <th v-for="item in arr_col_items" class="sticky border border-gray-600">{{ item }}</th>
+                    <tr class="sticky border-[0px] border-r border-l border-[#000C66]  bg-[#000C66] text-[white]">
+                        <th v-for="item in arr_col_items" class="sticky !border-[0px] ">{{ item }}</th>
                     </tr>
                 </thead>
                 <tbody>
-                    <tr v-for="item in row_values" >
-                        <td v-for="item2 in item" class="border">{{ item2 }}</td>
-                        
+                    <tr v-for="(item, index) in row_values" :key="index">
+                        <td v-for="item2 in item" class="border-[#000C66]" :class="{'border': true, 'border-t-0': index === 0}">{{ item2 }}</td>
                     </tr>
                 </tbody>
             </table>