From 40be16521a3082d35bc6daf6e50cafc4d3278ba0 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 16 Feb 2024 16:21:18 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20table=20?=
 =?UTF-8?q?=E0=B9=80=E0=B8=9B=E0=B9=87=E0=B8=99=20=20<d-table>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/category/TableCategory.vue     | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/modules/00_support/components/category/TableCategory.vue b/src/modules/00_support/components/category/TableCategory.vue
index 01a6f3dce..3ed78a92c 100644
--- a/src/modules/00_support/components/category/TableCategory.vue
+++ b/src/modules/00_support/components/category/TableCategory.vue
@@ -14,7 +14,7 @@ const categoryId = ref<string>("");
 const columnsCategory = [
   {
     name: "name",
-    align: "center",
+    align: "left",
     label: "ประเภทของปัญหา",
     field: "name",
     sortable: true,
@@ -23,7 +23,7 @@ const columnsCategory = [
   },
   {
     name: "actions",
-    align: "center",
+    align: "right",
     label: "",
     field: "",
     headerStyle: "font-size: 14px",
@@ -48,7 +48,7 @@ onMounted(async () => {
       @click="router.go(-1)"
     >
     </q-btn>
-    <p class="text-h6 text-weight-medium align-center">จัดการประเภคของปัญหา</p>
+    <p class="text-h6 text-weight-medium align-center">จัดการประเภทของปัญหา</p>
     <q-space />
   </div>
 
@@ -68,14 +68,14 @@ onMounted(async () => {
     >
       <q-tooltip>เพิ่มข้อมูล</q-tooltip>
     </q-btn>
-    <q-table
+    <d-table
       :rows="store.rowsCategory?.result"
       :columns="columnsCategory"
       row-key="name"
     >
       <template v-slot:body-cell-actions="data">
         <q-td>
-          <div>
+          <div class="align-right">
             <q-btn
               class="q-ma-sm"
               flat
@@ -114,7 +114,7 @@ onMounted(async () => {
           </div>
         </q-td>
       </template>
-    </q-table>
+    </d-table>
   </div>
 
   <dialog-category
@@ -126,4 +126,10 @@ onMounted(async () => {
   />
 </template>
 
-<style scoped></style>
+<style scoped>
+.align-right {
+  display: flex;
+  align-items: right;
+  justify-content: right;
+}
+</style>