ปรับ table เป็น <d-table>

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>