diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
index 9486b6426..69999ffe6 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
@@ -371,7 +371,7 @@ function handleDelete(id: string) {
   // dialogRemove($q, async () => {
   //   showLoader();
   //   try {
-  //     await http.delete(config.API.รอAPI + `/${id}`);
+  //     await http.delete(config.API.profileChangeNameUpdate + `${id}`);
   //     await fetchData(profileId.value);
   //     success($q, "ลบข้อมูลสำเร็จ");
   //   } catch (err) {
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
index ab1b1b075..cebc64b3f 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
@@ -375,8 +375,6 @@ function onOpenDialogForm(
   isStatusEdit: boolean = false,
   data: any = undefined
 ) {
-  console.log(data);
-
   modal.value = true;
   typeForm.value = type;
   isEdit.value = isStatusEdit;
@@ -509,6 +507,21 @@ async function fetchDataHistory() {
   }
 }
 
+function handleDelete(id: string) {
+  // dialogRemove($q, async () => {
+  //   showLoader();
+  //   try {
+  //     await http.delete(config.API.profileChangeNameUpdate + `${id}`);
+  //     await fetchDataCouple();
+  //     success($q, "ลบข้อมูลสำเร็จ");
+  //   } catch (err) {
+  //     messageError($q, err);
+  //   } finally {
+  //     hideLoader();
+  //   }
+  // });
+}
+
 /** ทำงานเมื่อ Components ถูกเรียกใช้งาน*/
 onMounted(async () => {
   showLoader();
@@ -830,6 +843,19 @@ onMounted(async () => {
               >
                 <q-tooltip>แก้ไขข้อมูล</q-tooltip></q-btn
               >
+
+              <q-btn
+                v-if="checkPermission($route)?.attrIsDelete"
+                color="red"
+                flat
+                dense
+                round
+                icon="delete"
+                @click="handleDelete(item.id)"
+              >
+                <q-tooltip>ลบข้อมูล</q-tooltip>
+              </q-btn>
+
               <q-btn
                 round
                 flat
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue
index d2c8fe133..938e175ad 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue
@@ -576,6 +576,21 @@ async function fetchDataHistory() {
   }
 }
 
+function handleDelete(id: string) {
+  // dialogRemove($q, async () => {
+  //   showLoader();
+  //   try {
+  //     await http.delete(config.API.profileChangeNameUpdate + `${id}`);
+  //     await fetchData(profileId.value);
+  //     success($q, "ลบข้อมูลสำเร็จ");
+  //   } catch (err) {
+  //     messageError($q, err);
+  //   } finally {
+  //     hideLoader();
+  //   }
+  // });
+}
+
 /** ฟังก์ค้นหาข้อมูลรายการประวัติการศึกษา */
 function serchDataTable() {
   rows.value = onSearchDataTable(
@@ -736,6 +751,18 @@ onMounted(async () => {
           >
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
+
+          <q-btn
+            v-if="checkPermission($route)?.attrIsDelete"
+            color="red"
+            flat
+            dense
+            round
+            icon="delete"
+            @click="handleDelete(props.row.id)"
+          >
+            <q-tooltip>ลบข้อมูล</q-tooltip>
+          </q-btn>
         </q-td>
         <q-td
           v-for="col in props.cols"
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue
index b258b2267..f5f67a067 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue
@@ -252,8 +252,8 @@ async function fetchData(id: string) {
   await http
     .get(config.API.profileNewAbilityByProfileId(id, empType.value))
     .then(async (res) => {
-      rows.value = await res.data.result;
       rowsMain.value = await res.data.result;
+      serchDataTable();
     })
     .catch((err) => {
       messageError($q, err);
@@ -403,6 +403,21 @@ function serchDataTable() {
   );
 }
 
+function handleDelete(rowId: string) {
+  // dialogRemove($q, async () => {
+  //   showLoader();
+  //   try {
+  //     await http.delete(config.API.profileChangeNameUpdate + `${rowId}`);
+  //     await  fetchData(id.value);
+  //     success($q, "ลบข้อมูลสำเร็จ");
+  //   } catch (err) {
+  //     messageError($q, err);
+  //   } finally {
+  //     hideLoader();
+  //   }
+  // });
+}
+
 /** ทำงานเมื่อ Components ถูกเรียกใช้งาน*/
 onMounted(() => {
   fetchData(id.value);
@@ -529,6 +544,18 @@ onMounted(() => {
           >
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
+
+          <q-btn
+            v-if="checkPermission($route)?.attrIsDelete"
+            color="red"
+            flat
+            dense
+            round
+            icon="delete"
+            @click="handleDelete(props.row.id)"
+          >
+            <q-tooltip>ลบข้อมูล</q-tooltip>
+          </q-btn>
         </q-td>
         <q-td
           v-for="col in props.cols"