diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue
index b43e5c7..0c6554b 100644
--- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue
+++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue
@@ -22,6 +22,8 @@
   <Anomali_LAPPGP_LPT
     :data="data"
     :filters="filters"
+    :grouping="grouping"
+    :loading-data="loadingData"
     @update:data-sub="dataSub = $event"
     @update:loading-sub-data="loadingSubData = $event"
     @update:marking="marking = $event"
@@ -48,6 +50,21 @@ import { apolloClient } from '@/utils/api/api.graphql'
 import { provideApolloClient } from '@vue/apollo-composable'
 import BufferDialog from '@/components/Dialogs/BufferDialog.vue'
 
+const grouping = ref<any[]>([
+  {
+    data: '',
+    caption: 'Semua Unit'
+  },
+  {
+    data: 'nama_uid',
+    caption: 'UID'
+  },
+  {
+    data: 'nama_up3',
+    caption: 'UP3'
+  }
+])
+
 const client = apolloClient()
 provideApolloClient(client)
 const data = ref<any[]>([])
@@ -76,6 +93,46 @@ const filterData = async (params: any) => {
   const { ulp, uid, up3, jenisLaporan } = params
   console.table('LAPPGP', jenisLaporan)
 
+  var groupList: any[] = [
+    {
+      data: '',
+      caption: 'Semua Unit'
+    },
+    {
+      data: 'nama_uid',
+      caption: 'UID'
+    },
+    {
+      data: 'nama_up3',
+      caption: 'UP3'
+    }
+  ]
+
+  if (uid?.id != 0) {
+    groupList.forEach((item, index) => {
+      if (item.caption == 'Semua Unit') {
+        groupList.splice(index, 1)
+      }
+    })
+
+    if (up3?.id != 0) {
+      groupList.forEach((item, index) => {
+        if (item.caption == 'UID') {
+          groupList.splice(index, 1)
+        }
+      })
+
+      if (ulp?.id != 0) {
+        groupList.forEach((item, index) => {
+          if (item.caption == 'UP3') {
+            groupList.splice(index, 1)
+          }
+        })
+      }
+    }
+  }
+  grouping.value = groupList
+
   const dateValue = params.periode.split(' s/d ')
   const query = {
     dateFrom: dateValue[0]
diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPT.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPT.vue
index 2a8cef5..eab9e8b 100755
--- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPT.vue
+++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPT.vue
@@ -3,6 +3,7 @@
     <h1 class="text-xl font-medium md:text-2xl text-dark">Laporan Pengaduan Total</h1>
   </div>
   <DxDataGrid
+    @cell-click="onCellClicked"
     ref="dataGridRef"
     :allow-column-reordering="true"
     class="max-h-[calc(100vh-140px)] mb-10"
@@ -18,8 +19,9 @@
     column-resizing-mode="widget"
     :word-wrap-enabled="true"
     :data-source="data"
+    v-if="loadingData == false"
   >
-    <DxGrouping expand-mode="rowClick" :auto-expand-all="false" />
+    <DxGrouping :auto-expand-all="false" />
     <DxSelection mode="single" />
     <DxPaging :enabled="false" />
     <DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -39,37 +41,19 @@
       caption="Nama Unit"
       css-class="custom-table-column"
       cell-template="formatText"
+      name="namaULP"
     />
+
     <DxColumn
+      v-if="grouping.length > 0"
+      v-for="(group, index) in grouping"
+      :width="150"
       alignment="center"
-      :min-width="170"
-      data-type="text"
-      data-field=""
-      caption="Semua Unit"
+      :data-field="group.data"
+      :caption="group.caption"
       css-class="custom-table-column"
-      :group-index="0"
-    />
-    <DxColumn
-      alignment="center"
-      :min-width="170"
-      data-type="text"
-      data-field="id_uid"
-      caption="UID"
-      css-class="custom-table-column"
-      :group-index="1"
-      name="namaUID"
-      :calculate-group-value="(rowData: any) => rowData.nama_uid"
-    />
-    <DxColumn
-      alignment="center"
-      :min-width="170"
-      data-type="text"
-      data-field="id_up3"
-      caption="UP3"
-      css-class="custom-table-column"
-      :group-index="1"
-      name="namaUID"
-      :calculate-group-value="(rowData: any) => rowData.nama_up3"
+      cell-template="formatText"
+      :group-index="index"
     />
     <DxColumn alignment="center" caption="Total Petugas" css-class="custom-table-column">
       <DxColumn
@@ -349,12 +333,13 @@
       </p>
     </template>
 
-    <DxSummary>
+    <DxSummary :calculate-custom-summary="calculateCustomSummary">
       <DxGroupItem
         :show-in-group-footer="false"
         :align-by-column="true"
         column="total_petugas"
-        summary-type="sum"
+        name="total_petugas"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatNumber(e.value)"
       />
@@ -362,7 +347,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="anomali_pln_mobile_marking"
-        summary-type="sum"
+        name="anomali_pln_mobile_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatNumber(e.value)"
       />
@@ -370,7 +356,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="anomali_pln_mobile_non_marking"
-        summary-type="sum"
+        name="anomali_pln_mobile_non_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatNumber(e.value)"
       />
@@ -378,7 +365,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="anomali_cc123_marking"
-        summary-type="sum"
+        name="anomali_cc123_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatNumber(e.value)"
       />
@@ -386,7 +374,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="anomali_cc123_non_marking"
-        summary-type="sum"
+        name="anomali_cc123_non_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatNumber(e.value)"
       />
@@ -394,7 +383,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="total_anomali_marking"
-        summary-type="sum"
+        name="total_anomali_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatNumber(e.value)"
       />
@@ -402,7 +392,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="total_anomali_non_marking"
-        summary-type="sum"
+        name="total_anomali_non_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatNumber(e.value)"
       />
@@ -410,7 +401,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="persen_anomali_pln_mobile_marking"
-        summary-type="avg"
+        name="persen_anomali_pln_mobile_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatPercentage(e.value)"
       />
@@ -418,7 +410,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="persen_anomali_pln_mobile_non_marking"
-        summary-type="avg"
+        name="persen_anomali_pln_mobile_non_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatPercentage(e.value)"
       />
@@ -426,7 +419,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="persen_anomali_cc123_marking"
-        summary-type="avg"
+        name="persen_anomali_cc123_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatPercentage(e.value)"
       />
@@ -434,7 +428,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="persen_anomali_cc123_non_marking"
-        summary-type="avg"
+        name="persen_anomali_cc123_non_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatPercentage(e.value)"
       />
@@ -442,7 +437,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="persen_anomali_marking"
-        summary-type="avg"
+        name="persen_anomali_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatPercentage(e.value)"
       />
@@ -450,7 +446,8 @@
         :show-in-group-footer="false"
         :align-by-column="true"
         column="persen_anomali_non_marking"
-        summary-type="avg"
+        name="persen_anomali_non_marking"
+        summary-type="custom"
         css-class="!text-right"
         :customize-text="(e: any) => formatPercentage(e.value)"
       />
@@ -494,6 +491,7 @@ import {
   exportToXLSX,
   exportToDOCX
 } from '@/report/Anomali/Gangguan/Anomali_LAPPGP_LPT'
+import { getDataRowGroup } from '@/utils/helper'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -501,7 +499,12 @@ const shading = ref(true)
 const showPane = ref(true)
 const props = defineProps({
   data: Array as () => any[],
-  filters: Object as () => any
+  filters: Object as () => any,
+  grouping: {
+    type: Array as () => any[],
+    default: []
+  },
+  loadingData: Boolean
 })
 const emit = defineEmits(['update:dataSub', 'update:loadingSubData', 'update:marking'])
 const filters = ref<any>(computed(() => props.filters))
@@ -517,10 +520,14 @@ const parameterRequest = ref<any>({
   media: null,
   marking: null
 })
+const groupDialog = ref(false)
+const groupData = ref<any>(null)
+const groupIndex = ref(0)
 
 const setParameterRequest = (data: any) => {
   parameterRequest.value = data
   const parameter = parameterRequest.value
+
   if (parameter.media != null && parameter.marking != null) {
     emit('update:marking', parameter.marking)
     agreeToShowDialog.value = true
@@ -529,32 +536,253 @@ const setParameterRequest = (data: any) => {
   }
 }
 
+const onCellClicked = (e: any) => {
+  if (e.rowType == 'group') {
+    groupDialog.value = true
+    groupIndex.value = e.row.groupIndex
+
+    if (e.column.dataField == 'anomali_pln_mobile_marking') {
+      setParameterRequest({ media: 'PLN Mobile', marking: 1 })
+    } else if (e.column.dataField == 'anomali_pln_mobile_non_marking') {
+      setParameterRequest({ media: 'PLN Mobile', marking: 2 })
+    } else if (e.column.dataField == 'anomali_cc123_marking') {
+      setParameterRequest({ media: 'Call PLN 123', marking: 1 })
+    } else if (e.column.dataField == 'anomali_cc123_non_marking') {
+      setParameterRequest({ media: 'Call PLN 123', marking: 2 })
+    } else if (e.column.dataField == 'total_anomali_marking') {
+      setParameterRequest({ media: '', marking: 1 })
+    } else if (e.column.dataField == 'total_anomali_non_marking') {
+      setParameterRequest({ media: '', marking: 2 })
+    } else {
+      setParameterRequest({ media: null, marking: null })
+    }
+    groupData.value = getDataRowGroup(e.data)
+    showDetail()
+  } else {
+    groupDialog.value = false
+  }
+}
+
 const resetData = () => {
   dataSub.value = []
   dataSubSelected.value = null
 }
 
+let total_petugas = 0
+let anomali_pln_mobile_marking = 0
+let anomali_pln_mobile_non_marking = 0
+let anomali_cc123_marking = 0
+let anomali_cc123_non_marking = 0
+let total_anomali_marking = 0
+let total_anomali_non_marking = 0
+let persen_anomali_pln_mobile_marking = 0
+let persen_anomali_pln_mobile_non_marking = 0
+let persen_anomali_cc123_marking = 0
+let persen_anomali_cc123_non_marking = 0
+let persen_anomali_marking = 0
+let persen_anomali_non_marking = 0
+
+const calculateCustomSummary = (options: any) => {
+  if (options.name === 'total_petugas') {
+    if (options.summaryProcess === 'calculate') {
+      total_petugas += options.value
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue = total_petugas
+    }
+  }
+
+  if (options.name === 'anomali_pln_mobile_marking') {
+    if (options.summaryProcess === 'calculate') {
+      anomali_pln_mobile_marking += options.value
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue = anomali_pln_mobile_marking
+    }
+  }
+
+  if (options.name === 'anomali_pln_mobile_non_marking') {
+    if (options.summaryProcess === 'calculate') {
+      anomali_pln_mobile_non_marking += options.value
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue = anomali_pln_mobile_non_marking
+    }
+  }
+
+  if (options.name === 'anomali_cc123_marking') {
+    if (options.summaryProcess === 'calculate') {
+      anomali_cc123_marking += options.value
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue = anomali_cc123_marking
+    }
+  }
+
+  if (options.name === 'anomali_cc123_non_marking') {
+    if (options.summaryProcess === 'calculate') {
+      anomali_cc123_non_marking += options.value
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue = anomali_cc123_non_marking
+    }
+  }
+
+  if (options.name === 'total_anomali_marking') {
+    if (options.summaryProcess === 'start') {
+      anomali_pln_mobile_marking = 0
+      anomali_cc123_marking = 0
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue = anomali_pln_mobile_marking + anomali_cc123_marking
+    }
+  }
+
+  if (options.name === 'total_anomali_non_marking') {
+    if (options.summaryProcess === 'start') {
+      anomali_pln_mobile_non_marking = 0
+      anomali_cc123_non_marking = 0
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue = anomali_pln_mobile_non_marking + anomali_cc123_non_marking
+    }
+  }
+
+  if (options.name === 'persen_anomali_pln_mobile_marking') {
+    if (options.summaryProcess === 'start') {
+      anomali_pln_mobile_marking = 0
+      total_petugas = 0
+    } else if (options.summaryProcess === 'calculate') {
+      persen_anomali_pln_mobile_marking =
+        !isFinite(anomali_pln_mobile_marking / total_petugas) || anomali_pln_mobile_marking == 0
+          ? 0
+          : (anomali_pln_mobile_marking / total_petugas) * 100
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue =
+        !isFinite(anomali_pln_mobile_marking / total_petugas) || anomali_pln_mobile_marking == 0
+          ? 0
+          : (anomali_pln_mobile_marking / total_petugas) * 100
+    }
+  }
+
+  if (options.name === 'persen_anomali_pln_mobile_non_marking') {
+    if (options.summaryProcess === 'start') {
+      anomali_pln_mobile_non_marking = 0
+      total_petugas = 0
+    } else if (options.summaryProcess === 'calculate') {
+      persen_anomali_pln_mobile_non_marking =
+        !isFinite(anomali_pln_mobile_non_marking / total_petugas) ||
+        anomali_pln_mobile_non_marking == 0
+          ? 0
+          : (anomali_pln_mobile_non_marking / total_petugas) * 100
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue =
+        !isFinite(anomali_pln_mobile_non_marking / total_petugas) ||
+        anomali_pln_mobile_non_marking == 0
+          ? 0
+          : (anomali_pln_mobile_non_marking / total_petugas) * 100
+    }
+  }
+
+  if (options.name === 'persen_anomali_cc123_marking') {
+    if (options.summaryProcess === 'start') {
+      anomali_cc123_marking = 0
+      total_petugas = 0
+    } else if (options.summaryProcess === 'calculate') {
+      persen_anomali_cc123_marking =
+        !isFinite(anomali_cc123_marking / total_petugas) || anomali_cc123_marking == 0
+          ? 0
+          : (anomali_cc123_marking / total_petugas) * 100
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue =
+        !isFinite(anomali_cc123_marking / total_petugas) || anomali_cc123_marking == 0
+          ? 0
+          : (anomali_cc123_marking / total_petugas) * 100
+    }
+  }
+
+  if (options.name === 'persen_anomali_cc123_non_marking') {
+    if (options.summaryProcess === 'start') {
+      anomali_cc123_non_marking = 0
+      total_petugas = 0
+    } else if (options.summaryProcess === 'calculate') {
+      persen_anomali_cc123_non_marking =
+        !isFinite(anomali_cc123_non_marking / total_petugas) || anomali_cc123_non_marking == 0
+          ? 0
+          : (anomali_cc123_non_marking / total_petugas) * 100
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue =
+        !isFinite(anomali_cc123_non_marking / total_petugas) || anomali_cc123_non_marking == 0
+          ? 0
+          : (anomali_cc123_non_marking / total_petugas) * 100
+    }
+  }
+
+  if (options.name === 'persen_anomali_marking') {
+    if (options.summaryProcess === 'start') {
+      persen_anomali_pln_mobile_marking = 0
+      persen_anomali_cc123_marking = 0
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue = persen_anomali_pln_mobile_marking + persen_anomali_cc123_marking
+    }
+  }
+
+  if (options.name === 'persen_anomali_non_marking') {
+    if (options.summaryProcess === 'start') {
+      persen_anomali_cc123_non_marking = 0
+      persen_anomali_pln_mobile_non_marking = 0
+    } else if (options.summaryProcess === 'finalize') {
+      options.totalValue = persen_anomali_pln_mobile_non_marking + persen_anomali_cc123_non_marking
+    }
+  }
+}
+
 const getDetail = async () => {
   resetData()
   const { jenisLaporan } = filters.value
   const dateValue = filters.value.periode.split(' s/d ')
 
   const selected = dataSelected.value
-  const query = {
+  let query = {
     dateFrom: dateValue[0]
       ? dateValue[0].split('-').reverse().join('-')
       : new Date().toISOString().slice(0, 10),
     dateTo: dateValue[1]
       ? dateValue[1].split('-').reverse().join('-')
       : new Date().toISOString().slice(0, 10),
-    idUlp: selected?.id_ulp ? selected?.id_ulp : 0,
-    idUid: selected?.id_uid ? selected?.id_uid : 0,
-    idUp3: selected?.id_up3 ? selected?.id_up3 : 0,
-    namaRegional: selected?.nama_regional ? selected?.nama_regional : '',
+    idUlp: 0,
+    idUid: 0,
+    idUp3: 0,
+    namaRegional: '',
     media: parameterRequest.value?.media,
     isMarking: parameterRequest.value?.marking
   }
 
+  if (groupDialog.value) {
+    if (props.grouping[groupIndex.value].data == 'nama_uid') {
+      query = {
+        ...query,
+        idUid: groupData.value?.id_uid ? groupData.value?.id_uid : 0,
+        namaRegional: groupData.value?.nama_regional ? groupData.value?.nama_regional : ''
+      }
+    } else if (props.grouping[groupIndex.value].data == 'nama_up3') {
+      query = {
+        ...query,
+        idUid: groupData.value?.id_uid ? groupData.value?.id_uid : 0,
+        idUp3: groupData.value?.id_up3 ? groupData.value?.id_up3 : 0,
+        namaRegional: groupData.value?.nama_regional ? groupData.value?.nama_regional : ''
+      }
+    }
+  } else {
+    query = {
+      dateFrom: dateValue[0]
+        ? dateValue[0].split('-').reverse().join('-')
+        : new Date().toISOString().slice(0, 10),
+      dateTo: dateValue[1]
+        ? dateValue[1].split('-').reverse().join('-')
+        : new Date().toISOString().slice(0, 10),
+      idUlp: selected?.id_ulp ? selected?.id_ulp : 0,
+      idUid: selected?.id_uid ? selected?.id_uid : 0,
+      idUp3: selected?.id_up3 ? selected?.id_up3 : 0,
+      namaRegional: selected?.nama_regional ? selected?.nama_regional : '',
+      media: parameterRequest.value?.media,
+      isMarking: parameterRequest.value?.marking
+    }
+  }
+
   loadingSubData.value = true
   emit('update:loadingSubData', loadingSubData.value)
   await requestGraphQl(
diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue
index 61680e5..626a5a6 100644
--- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue
+++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue
@@ -21,6 +21,7 @@
   <Anomali_LAPPGU_LPT
     :data="data"
     :filters="filters"
+    :loading-data="loadingData"
     @update:loading-sub-data="loadingData = $event"
   />
   <Anomali_LAPPGU_LPP :data="dataSecond" :filters="filters" />
diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue
index 5249223..76d5f2c 100755
--- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue
+++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue
@@ -8,6 +8,7 @@
     :allow-column-reordering="true"
     class="max-h-[calc(100vh-140px)] mb-10"
     :data-source="data"
+    v-if="loadingData == false"
     :show-column-lines="true"
     :show-row-lines="false"
     :show-borders="true"
@@ -1083,7 +1084,8 @@ const shading = ref(true)
 const showPane = ref(true)
 const props = defineProps({
   data: Array as () => any[],
-  filters: Object as () => any
+  filters: Object as () => any,
+  loadingData: Boolean
 })
 const emit = defineEmits(['update:loadingSubData'])
 const filters = ref<any>(computed(() => props.filters))
@@ -1093,7 +1095,6 @@ const dataSelected = ref<any>(null)
 const dataSubSelected = ref<any>(null)
 const dialogDetail = ref(false)
 const closedialogDetail = () => (dialogDetail.value = false)
-const loadingData = ref(false)
 const loadingSubData = ref(false)
 const agreeToShowDialog = ref(false)
 const reportMeta = ref<any>(computed(() => props.filters))
diff --git a/src/components/Pages/Anomali/Keluhan/Anomali_LAPPKU_LPT.vue b/src/components/Pages/Anomali/Keluhan/Anomali_LAPPKU_LPT.vue
index 0e92e37..689b122 100755
--- a/src/components/Pages/Anomali/Keluhan/Anomali_LAPPKU_LPT.vue
+++ b/src/components/Pages/Anomali/Keluhan/Anomali_LAPPKU_LPT.vue
@@ -5,6 +5,7 @@
   <DxDataGrid
     ref="dataGridRef"
     :data-source="data"
+    v-if="loading == false"
     :allow-column-reordering="true"
     class="max-h-[calc(100vh-140px)] mb-10"
     :show-column-lines="true"
diff --git a/src/components/Pages/Cico/LaporanCICO.vue b/src/components/Pages/Cico/LaporanCICO.vue
index 76a7145..3a7a0e3 100755
--- a/src/components/Pages/Cico/LaporanCICO.vue
+++ b/src/components/Pages/Cico/LaporanCICO.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Ctt/CTT_LaporanCttKwhPeriksa.vue b/src/components/Pages/Ctt/CTT_LaporanCttKwhPeriksa.vue
index c456f74..72192c8 100755
--- a/src/components/Pages/Ctt/CTT_LaporanCttKwhPeriksa.vue
+++ b/src/components/Pages/Ctt/CTT_LaporanCttKwhPeriksa.vue
@@ -7,6 +7,7 @@
     <DxDataGrid
       ref="dataGridRef"
       :data-source="data"
+      v-if="loadingData == false"
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :show-column-lines="true"
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue
index 9966307..d7222a4 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
index 3697a7c..7b509c3 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       key-expr="no_laporan"
       :show-column-lines="true"
       :show-row-lines="false"
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue
index 7ea0c6b..da0d5ed 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
index 0fc185e..1ffc3ef 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
index 1afcd81..f43c99e 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
@@ -25,6 +25,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue
index f12aec0..65aad3d 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue
index c11bf64..11db02d 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
index 3f9032c..2033454 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
@@ -16,6 +16,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue
index 119bbcf..967e2a2 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue
index 8b4be0f..f84fb16 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue
index f59bb74..bb46c6a 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue
@@ -16,6 +16,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue
index 881ed0f..f39f1d4 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue
index 5561e73..aae51f1 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue
@@ -17,6 +17,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
index d69288e..ddf3c30 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
@@ -17,6 +17,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue
index 22c18b2..1e5e9db 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue
@@ -16,6 +16,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
index 9428428..f7ca401 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
@@ -17,6 +17,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
index b5d6791..6b596f4 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
index e51b2e8..cbc1d45 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue
index 88369db..7e2b85e 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue
index 9f36cec..42e80c5 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue
index 9241ff6..01842a7 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue
index 4a71aac..2693614 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
index ae03074..91814ef 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue
index 8150799..e740db7 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue
@@ -25,6 +25,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue
index e7513d0..e667f90 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue
@@ -25,6 +25,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
index 1a546e8..3f925c1 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
index cbbf6e4..3e792f3 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loading == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
index 1a330cc..d1f183f 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
@@ -16,6 +16,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
index 1867b21..ee23eb9 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
index 4e61f34..f406d9a 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue
index 04b80eb..c143d62 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue
index 1bb1d78..116547c 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue
index e21a273..49b7859 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue
@@ -18,6 +18,7 @@
       :show-row-lines="false"
       :show-borders="true"
       :data-source="data"
+      v-if="loadingData == false"
       :row-alternation-enabled="true"
       :hover-state-enabled="true"
       @selection-changed="onDataSelectionChanged"
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue
index b47d452..960850f 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue
index 8725826..af09d69 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue
@@ -8,6 +8,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Material/Daftar/Material_DGMYG.vue b/src/components/Pages/Material/Daftar/Material_DGMYG.vue
index 256c646..fd9f123 100755
--- a/src/components/Pages/Material/Daftar/Material_DGMYG.vue
+++ b/src/components/Pages/Material/Daftar/Material_DGMYG.vue
@@ -9,6 +9,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Material/Rekap/Material_RPM.vue b/src/components/Pages/Material/Rekap/Material_RPM.vue
index eccff33..3de9237 100755
--- a/src/components/Pages/Material/Rekap/Material_RPM.vue
+++ b/src/components/Pages/Material/Rekap/Material_RPM.vue
@@ -8,6 +8,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue
index 7393fd8..d203a61 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue
index 7b31a5c..f7eead6 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue
index 3dea326..a4a1930 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue
@@ -14,6 +14,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue
index c52400d..c6ccd89 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue
index 7c379f0..0441a35 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue
index bb2703a..720d994 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue
index 0d3f557..75f31b0 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue
index c643e2a..15a7dc9 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue
index 567b1b7..154a182 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue
index 8dc9373..4e2a828 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue
index 4e1bbb9..112050b 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue
index 8c339a8..c66e44b 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue
index e589cd6..c941d87 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue
index e75d66e..97ad5a1 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue
index e477182..fe44f83 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue
index 70b228a..38a6b04 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue
index c563e26..5758cfa 100755
--- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue
+++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue
@@ -16,6 +16,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue
index e504d8c..6c8cae6 100755
--- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue
+++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue
index 6205e39..3de146c 100755
--- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue
+++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
index ed77438..74e5825 100755
--- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
+++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
@@ -16,6 +16,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue
index 95c52e6..9a14846 100755
--- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue
+++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue
index 71c4477..9712627 100755
--- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue
+++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue
index 4228ceb..86a7fc9 100755
--- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue
+++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue
index ac3597f..0669383 100755
--- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue
+++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue
@@ -15,6 +15,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"
diff --git a/src/components/Pages/PencarianData/PencarianData.vue b/src/components/Pages/PencarianData/PencarianData.vue
index d8b2336..85064ad 100755
--- a/src/components/Pages/PencarianData/PencarianData.vue
+++ b/src/components/Pages/PencarianData/PencarianData.vue
@@ -16,6 +16,7 @@
       :column-width="100"
       @exporting=""
       :data-source="data"
+      v-if="loadingData == false"
       :allow-column-resizing="true"
       column-resizing-mode="widget"
     >
diff --git a/src/components/Pages/Transaksi/Transaksi.vue b/src/components/Pages/Transaksi/Transaksi.vue
index f8d1fbe..7183d2c 100755
--- a/src/components/Pages/Transaksi/Transaksi.vue
+++ b/src/components/Pages/Transaksi/Transaksi.vue
@@ -36,6 +36,7 @@
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
+      v-if="loadingData == false"
       :show-column-lines="true"
       :show-row-lines="false"
       :show-borders="true"