From 061f95d4e535320b778dcee2bae15c414abaaebe Mon Sep 17 00:00:00 2001
From: "fredy.siswanto" <fredy.siswanto@komunal.co.id>
Date: Sun, 9 Mar 2025 23:22:38 +0700
Subject: [PATCH] refactor: enhance UiTable styling and add header alignment
 for improved readability

---
 app/components/ui/table.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/components/ui/table.tsx b/app/components/ui/table.tsx
index 99afcb2..6d121b4 100644
--- a/app/components/ui/table.tsx
+++ b/app/components/ui/table.tsx
@@ -23,11 +23,14 @@ export const UiTable: React.FC<UiTableProperties> = ({
       <h3 className="py-1 font-semibold text-[#4C5CA0]">{title}</h3>
       <div className="rounded-lg">
         <DataTable
-          className="cell-border"
+          className="cell-border text-sm"
           data={data}
           columns={columns}
           slots={slots}
           options={{
+            headerCallback: (thead) => {
+              thead.classList.add('text-left')
+            },
             paging: true,
             searching: true,
             ordering: true,