diff --git a/src/modules/04_registryPerson/components/detail/Achievement/01_ProfessionalLicense.vue b/src/modules/04_registryPerson/components/detail/Achievement/01_ProfessionalLicense.vue
index bd9629db9..5dbbf196c 100644
--- a/src/modules/04_registryPerson/components/detail/Achievement/01_ProfessionalLicense.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/01_ProfessionalLicense.vue
@@ -496,7 +496,11 @@ onMounted(() => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
-        <q-td v-for="col in props.cols" :key="col.id">
+        <q-td
+          v-for="col in props.cols"
+          :key="col.id"
+          :class="props.row.isEntry ? 'text-grey' : ''"
+        >
           <div>
             {{ col.value ? col.value : "-" }}
           </div>
diff --git a/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue b/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
index a516e844f..1f67d8e44 100644
--- a/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
@@ -774,7 +774,12 @@ onMounted(async () => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
-        <q-td v-for="col in props.cols" :key="col.name" :props="props">
+        <q-td
+          v-for="col in props.cols"
+          :key="col.name"
+          :props="props"
+          :class="props.row.isEntry ? 'text-grey' : ''"
+        >
           <div class="table_ellipsis">
             {{ col.value ? col.value : "-" }}
           </div>
diff --git a/src/modules/04_registryPerson/components/detail/Achievement/04_DeclarationHonor.vue b/src/modules/04_registryPerson/components/detail/Achievement/04_DeclarationHonor.vue
index 00b74a3e1..0abc1be83 100644
--- a/src/modules/04_registryPerson/components/detail/Achievement/04_DeclarationHonor.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/04_DeclarationHonor.vue
@@ -568,7 +568,12 @@ onMounted(() => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
-        <q-td v-for="col in props.cols" :key="col.name" :props="props">
+        <q-td
+          v-for="col in props.cols"
+          :key="col.name"
+          :props="props"
+          :class="props.row.isEntry ? 'text-grey' : ''"
+        >
           <div class="table_ellipsis">
             {{ col.value ? col.value : "-" }}
           </div>
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue
index bad5dd130..f4b593673 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue
@@ -588,7 +588,11 @@ onMounted(() => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
-        <q-td v-for="col in props.cols" :key="col.id">
+        <q-td
+          v-for="col in props.cols"
+          :key="col.id"
+          :class="props.row.isEntry ? 'text-grey' : ''"
+        >
           <div>
             {{ col.value ? col.value : "-" }}
           </div>
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue
index 2baf29a57..6eed36134 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue
@@ -598,7 +598,11 @@ onMounted(() => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
-        <q-td v-for="col in props.cols" :key="col.id">
+        <q-td
+          v-for="col in props.cols"
+          :key="col.id"
+          :class="props.row.isEntry ? 'text-grey' : ''"
+        >
           <div v-if="col.name === 'no'">
             {{ props.rowIndex + 1 }}
           </div>
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWork.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWork.vue
index 6d2a7df33..f94a6171f 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWork.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWork.vue
@@ -572,7 +572,11 @@ onMounted(() => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
-        <q-td v-for="col in props.cols" :key="col.id">
+        <q-td
+          v-for="col in props.cols"
+          :key="col.id"
+          :class="props.row.isEntry ? 'text-grey' : ''"
+        >
           <div>
             {{ col.value ? col.value : "-" }}
           </div>
diff --git a/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue b/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue
index f65e8de2a..f121260db 100644
--- a/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue
+++ b/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue
@@ -362,7 +362,11 @@ onMounted(() => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
-        <q-td v-for="col in props.cols" :key="col.id">
+        <q-td
+          v-for="col in props.cols"
+          :key="col.id"
+          :class="props.row.isEntry ? 'text-grey' : ''"
+        >
           <div>
             {{ col.value ? col.value : "-" }}
           </div>
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 4bce5855f..cd25048cf 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
@@ -495,7 +495,11 @@ onMounted(async () => {
 
     <template v-slot:body="props">
       <q-tr :props="props">
-        <q-td v-for="(col, index) in props.cols" :key="col.name">
+        <q-td
+          v-for="(col, index) in props.cols"
+          :key="col.name"
+          :class="props.row.isEntry ? 'text-grey' : ''"
+        >
           <div class="table_ellipsis">
             {{ col.value }}
           </div>
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 6305f3d9c..01c4b783c 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
@@ -215,7 +215,7 @@ async function fetchDataFather() {
       if (data) {
         fatherData.isLive = data.fatherLive;
         fatherData.citizenId = data.fatherCitizenId;
-        fatherData.prefix = data.fatherPrefix;
+        fatherData.prefix = data.fatherPrefix ? data.fatherPrefix : "";
         fatherData.firstName = data.fatherFirstName;
         fatherData.lastName = data.fatherLastName;
         fatherData.job = data.fatherCareer;
@@ -237,7 +237,7 @@ async function fetchDataMother() {
       if (data) {
         motherData.isLive = data.motherLive;
         motherData.citizenId = data.motherCitizenId;
-        motherData.prefix = data.motherPrefix;
+        motherData.prefix = data.motherPrefix ? data.motherPrefix : "";
         motherData.firstName = data.motherFirstName;
         motherData.lastName = data.motherLastName;
         motherData.job = data.motherCareer;
@@ -260,7 +260,7 @@ async function fetchDataCouple() {
       if (data) {
         coupleData.isLive = data.coupleLive;
         coupleData.citizenId = data.coupleCitizenId;
-        coupleData.prefix = data.couplePrefix;
+        coupleData.prefix = data.couplePrefix ? data.couplePrefix : "";
         coupleData.firstName = data.coupleFirstName;
         coupleData.lastName = data.coupleLastName;
         coupleData.job = data.coupleCareer;
@@ -828,10 +828,12 @@ onMounted(async () => {
                   item.childrenPrefix ||
                   item.childrenFirstName ||
                   item.childrenLastName
-                    ? item.childrenPrefix +
-                      item.childrenFirstName +
-                      " " +
-                      item.childrenLastName
+                    ? item.childrenPrefix
+                      ? item.childrenPrefix
+                      : "" +
+                        item.childrenFirstName +
+                        " " +
+                        item.childrenLastName
                     : "-"
                 }}
               </div>
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 48cde1fab..77285effa 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue
@@ -735,7 +735,11 @@ onMounted(async () => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
-        <q-td v-for="col in props.cols" :key="col.id">
+        <q-td
+          v-for="col in props.cols"
+          :key="col.id"
+          :class="props.row.isEntry ? 'text-grey' : ''"
+        >
           <div>
             {{ col.value === "" || col.value === null ? "-" : col.value }}
           </div>
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 3e021ecc9..ee8b785a5 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue
@@ -530,7 +530,11 @@ onMounted(() => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
-        <q-td v-for="col in props.cols" :key="col.id">
+        <q-td
+          v-for="col in props.cols"
+          :key="col.id"
+          :class="props.row.isEntry ? 'text-grey' : ''"
+        >
           <div>{{ col.value ? col.value : "-" }}</div>
         </q-td>
         <q-td auto-width>
diff --git a/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue b/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue
index ddea4db6d..644041eb5 100644
--- a/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue
+++ b/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue
@@ -461,7 +461,11 @@ onMounted(() => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
-        <q-td v-for="col in props.cols" :key="col.id">
+        <q-td
+          v-for="col in props.cols"
+          :key="col.id"
+          :class="props.row.isEntry ? 'text-grey' : ''"
+        >
           <div>{{ col.value ? col.value : "-" }}</div>
         </q-td>
         <q-td auto-width>