From 543ca33d918ef58522fd7db4ce6753bef4e1f4ee Mon Sep 17 00:00:00 2001
From: UmakanthKaspa <kaspaumakanth1999@gmail.com>
Date: Thu, 21 Nov 2024 21:50:26 +0530
Subject: [PATCH 1/2] Bold and center-align table headers, right-align numbers

---
 frontend/src/components/Table/TanstackTable.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Table/TanstackTable.vue b/frontend/src/components/Table/TanstackTable.vue
index 4ba9a4893..fef9d5e44 100644
--- a/frontend/src/components/Table/TanstackTable.vue
+++ b/frontend/src/components/Table/TanstackTable.vue
@@ -105,13 +105,13 @@ const showPagination = computed(
 							v-for="header in headerGroup.headers"
 							:key="header.id"
 							:colSpan="header.colSpan"
-							class="border-b border-r text-gray-800"
+							class="border-b border-r text-gray-800 font-bold"
 							:width="header.column.columnDef.id === 'index' ? '6rem' : 'auto'"
 						>
 							<div
 								class="flex items-center gap-2 truncate py-2 px-3"
 								:class="[
-									header.column.columnDef.isNumber ? 'text-right' : '',
+									header.column.columnDef.isNumber ? 'justify-end' : 'justify-center',
 									header.column.getCanSort()
 										? 'cursor-pointer hover:text-gray-800'
 										: '',
@@ -160,7 +160,11 @@ const showPagination = computed(
 					</tr>
 				</thead>
 				<tbody>
-					<tr v-for="(row, index) in table.getRowModel().rows" :key="row.id">
+					<tr 
+					 	v-for="(row, index) in table.getRowModel().rows" 
+						:key="row.id"
+						class="hover:bg-gray-100"
+					>
 						<td
 							v-for="cell in row.getVisibleCells()"
 							:key="cell.id"

From f502adbe0e059eab4afb7fdc91286d648e37c291 Mon Sep 17 00:00:00 2001
From: Saqib Ansari <nextchamp.saqib@gmail.com>
Date: Tue, 10 Dec 2024 15:02:54 +0530
Subject: [PATCH 2/2] revert: bold and hover effect

---
 frontend/src/components/Table/TanstackTable.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/Table/TanstackTable.vue b/frontend/src/components/Table/TanstackTable.vue
index fef9d5e44..32c7ec985 100644
--- a/frontend/src/components/Table/TanstackTable.vue
+++ b/frontend/src/components/Table/TanstackTable.vue
@@ -105,13 +105,13 @@ const showPagination = computed(
 							v-for="header in headerGroup.headers"
 							:key="header.id"
 							:colSpan="header.colSpan"
-							class="border-b border-r text-gray-800 font-bold"
+							class="border-b border-r text-gray-800"
 							:width="header.column.columnDef.id === 'index' ? '6rem' : 'auto'"
 						>
 							<div
 								class="flex items-center gap-2 truncate py-2 px-3"
 								:class="[
-									header.column.columnDef.isNumber ? 'justify-end' : 'justify-center',
+									header.column.columnDef.isNumber ? 'justify-end' : '',
 									header.column.getCanSort()
 										? 'cursor-pointer hover:text-gray-800'
 										: '',
@@ -160,11 +160,7 @@ const showPagination = computed(
 					</tr>
 				</thead>
 				<tbody>
-					<tr 
-					 	v-for="(row, index) in table.getRowModel().rows" 
-						:key="row.id"
-						class="hover:bg-gray-100"
-					>
+					<tr v-for="(row, index) in table.getRowModel().rows" :key="row.id">
 						<td
 							v-for="cell in row.getVisibleCells()"
 							:key="cell.id"