From 7641595dda58e92633b7753391e3430cdf9e0aa9 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Wed, 28 Feb 2024 17:27:58 +0700
Subject: [PATCH] Fix closing tag in Table_1, Table_2, and Table_3 components,
 and add title header in Table_28 component

---
 src/components/Pages/Gangguan/Table_1.vue | 2 +-
 src/components/Pages/Gangguan/Table_2.vue | 2 +-
 src/components/Pages/Gangguan/Table_3.vue | 2 +-
 src/components/Pages/Keluhan/Table_28.vue | 6 ++++++
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/Pages/Gangguan/Table_1.vue b/src/components/Pages/Gangguan/Table_1.vue
index eb3ee76..37ca612 100755
--- a/src/components/Pages/Gangguan/Table_1.vue
+++ b/src/components/Pages/Gangguan/Table_1.vue
@@ -58,7 +58,7 @@
       <template #data="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ data.text }}
-          </span>
+        </p>
       </template>
     </DxDataGrid>
   </div>
diff --git a/src/components/Pages/Gangguan/Table_2.vue b/src/components/Pages/Gangguan/Table_2.vue
index b47e9bc..1cc4885 100755
--- a/src/components/Pages/Gangguan/Table_2.vue
+++ b/src/components/Pages/Gangguan/Table_2.vue
@@ -52,7 +52,7 @@
       <template #data="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ data.text }}
-          </span>
+        </p>
       </template>
     </DxDataGrid>
   </div>
diff --git a/src/components/Pages/Gangguan/Table_3.vue b/src/components/Pages/Gangguan/Table_3.vue
index 5838ae6..c53f922 100755
--- a/src/components/Pages/Gangguan/Table_3.vue
+++ b/src/components/Pages/Gangguan/Table_3.vue
@@ -52,7 +52,7 @@
       <template #data="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ data.text }}
-          </span>
+        </p>
       </template>
     </DxDataGrid>
   </div>
diff --git a/src/components/Pages/Keluhan/Table_28.vue b/src/components/Pages/Keluhan/Table_28.vue
index d4ac089..1b0935e 100755
--- a/src/components/Pages/Keluhan/Table_28.vue
+++ b/src/components/Pages/Keluhan/Table_28.vue
@@ -57,6 +57,12 @@
           {{ data.text }}
         </p>
       </template>
+
+      <template #title-header="{ data }">
+        <p class="text-center">
+          {{ data.text }}
+        </p>
+      </template>
     </DxDataGrid>
   </div>