Refactor data sorting and add number field to tables

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

@@ -51,10 +51,8 @@
         css-class="custom-table-column"
         :width="50"
         alignment="center"
-        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
-        data-type="number"
+        data-field="number"
         caption="No"
-        name="number"
         cell-template="formatNumber"
       />
       <DxColumn
@@ -556,7 +554,7 @@ const getDetail = () => {
 
   onResult((queryResult) => {
     if (queryResult.data != undefined) {
-      dataSub.value = queryResult.data.detailGangguan
+      dataSub.value = queryResult.data.detailGangguanAlihPosko
     }
   })
 
@@ -618,15 +616,14 @@ const onExporting = (e: any) => {
 const onDataSelectionChanged = ({ selectedRowsData }: any) => {
   if (selectedRowsData[0] != undefined) {
     dataSelected.value = selectedRowsData[0]
+    showDetail()
   }
-  showDetail()
 }
 
 const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
   if (selectedRowsData[0] != undefined) {
     dataSubSelected.value = selectedRowsData[0]
   }
-  console.log(data)
 }
 
 const filterData = (params: any) => {
@@ -650,9 +647,17 @@ const filterData = (params: any) => {
 
   onResult((queryResult) => {
     if (queryResult.data != undefined) {
-      data.value = queryResult.data.rekapitulasiGangguanAlihPosko
+      const refs = [...queryResult.data.rekapitulasiGangguanAlihPosko].sort((a: any, b: any) =>
+        a.nama_uid.localeCompare(b.nama_uid)
+      )
+
+      data.value = refs.map((ref: any, index: number) => {
+        return {
+          ...ref,
+          number: index + 1
+        }
+      })
     }
-    console.log(queryResult.data)
   })
 
   onError((error) => {
@@ -667,9 +672,16 @@ const filterData = (params: any) => {
 const filters = ref()
 onMounted(() => {
   if (import.meta.env.DEV) {
-    data.value = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko.sort((a, b) =>
+    const refs = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko.sort((a: any, b: any) =>
       a.nama_uid.localeCompare(b.nama_uid)
     )
+
+    data.value = refs.map((ref: any, index: number) => {
+      return {
+        ...ref,
+        number: index + 1
+      }
+    })
   }
 })
 </script>