update

src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue

@@ -345,7 +345,7 @@
         </p>
       </template>
 
-      <DxSummary>
+      <DxSummary :calculate-custom-summary="calculateCustomSummary">
         <DxGroupItem
           :show-in-group-footer="false"
           :align-by-column="true"
@@ -362,13 +362,21 @@
           css-class="!text-right"
           :customize-text="(e: any) => formatNumber(e.value)"
         />
-        <DxGroupItem
+        <!-- <DxGroupItem
           :show-in-group-footer="false"
           :align-by-column="true"
           column="persen_selesai"
           summary-type="avg"
           css-class="!text-right"
           :customize-text="(e: any) => formatPercentage(e.value)"
+        /> -->
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          column="persen_selesai"
+          name="persenSelesai"
+          summary-type="custom"
+          css-class="!text-right"
         />
         <DxGroupItem
           :show-in-group-footer="false"
@@ -1045,6 +1053,25 @@ const closedialogDetail = () => (dialogDetail.value = false)
 const loadingData = ref(false)
 const loadingSubData = ref(false)
 
+const calculateCustomSummary = (options: any) => {
+  if (options.name == 'persenSelesai') {
+    console.log(options.component.persen_selesai)
+
+    switch (options.summaryProcess) {
+      case 'start':
+        // Initializing "totalValue" here
+        options.totalValue = 1
+        break
+      case 'calculate':
+        // Modifying "totalValue" here
+        break
+      case 'finalize':
+        // Assigning the final value to "totalValue" here
+        break
+    }
+  }
+}
+
 const resetData = () => {
   data.value = []
   dataSub.value = []