diff --git a/src/modules/04_registryPerson/components/TableView.vue b/src/modules/04_registryPerson/components/TableView.vue
index 1a0b4a933..f3e6b7ffd 100644
--- a/src/modules/04_registryPerson/components/TableView.vue
+++ b/src/modules/04_registryPerson/components/TableView.vue
@@ -2,7 +2,7 @@
 import { ref, watch, computed, onMounted } from "vue";
 
 import { checkPermission } from "@/utils/permissions";
-import { useRouter } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import { useRegistryNewDataStore } from "@/modules/04_registryPerson/store";
 import { useCounterMixin } from "@/stores/mixin";
 
@@ -18,6 +18,7 @@ import DialogHistory from "@/modules/04_registryPerson/components/DialogHistory.
 
 /* use*/
 const $q = useQuasar();
+const route = useRoute();
 const router = useRouter();
 const mixin = useCounterMixin();
 const { date2Thai } = mixin;
@@ -220,14 +221,21 @@ watch(
   }
 );
 
+const isPageRetired = ref<boolean>(false); // หน้าทะเบียนประวัติข้าราชการพ้นจากราชการ
 onMounted(() => {
   checkFilterDateAppoint();
+  if (
+    route.name === "registryRetireOfficer" ||
+    route.name === "registryRetireEmployee"
+  ) {
+    isPageRetired.value = true;
+  }
 });
 </script>
 
 <template>
   <div class="col-12 row q-pb-sm q-col-gutter-sm items-center">
-    <div class="row q-gutter-sm">
+    <div v-if="!isPageRetired" class="row q-gutter-sm">
       <q-btn
         v-if="
           empType === 'officer' ||