From ce5345eb02e9f8ff87720ebe82efd3cb6b2bf287 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 26 Sep 2024 11:52:34 +0700
Subject: [PATCH] refactor: table component custom column

---
 src/components/TableComponents.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/TableComponents.vue b/src/components/TableComponents.vue
index bb845e4e..7b5dd368 100644
--- a/src/components/TableComponents.vue
+++ b/src/components/TableComponents.vue
@@ -16,6 +16,7 @@ const props = withDefaults(
     hidePagination?: boolean;
 
     imgColumn?: string;
+    customColumn?: string[];
   }>(),
   {
     row: () => [],
@@ -26,6 +27,7 @@ const props = withDefaults(
     hideHeader: false,
     buttomDownload: false,
     imgColumn: '',
+    customColumn: () => [],
   },
 );
 
@@ -45,8 +47,6 @@ defineEmits<{
     :no-data-label="$t('general.noDataTable')"
     :hide-pagination
   >
-    <slot name="zxc"></slot>
-
     <template v-slot:header="props">
       <q-tr
         style="background-color: hsla(var(--info-bg) / 0.07)"
@@ -77,8 +77,17 @@ defineEmits<{
       </q-td>
     </template>
 
+    <template
+      v-for="col in customColumn"
+      :key="col"
+      v-slot:[`body-cell-${col}`]="props"
+    >
+      <slot :name="`body-cell-${col}`" :props="props"></slot>
+    </template>
+
     <template v-slot:body-cell-action="props">
-      <q-td class="text-center">
+      <q-td class="text-center row items-center">
+        <slot name="button" :props="props"></slot>
         <DeleteButton iconOnly v-if="buttonDelete" />
 
         <q-btn