Refactor data grid components

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue

@@ -10,6 +10,7 @@
 
   <div id="data">
     <DxDataGrid
+      ref="dataGridRef"
       :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :data-source="data"
@@ -60,8 +61,8 @@
         alignment="center"
         :min-width="170"
         data-type="text"
-        data-field="nama_uid"
-        caption="Nama UID"
+        data-field="nama_regional"
+        caption="Regional"
         css-class="custom-table-column"
         :group-index="0"
       />
@@ -69,8 +70,8 @@
         alignment="center"
         :min-width="170"
         data-type="text"
-        data-field="nama_up3"
-        caption="Nama UP3"
+        data-field="nama_uid"
+        caption="UID"
         css-class="custom-table-column"
         :group-index="1"
       />
@@ -78,11 +79,20 @@
         alignment="center"
         :min-width="170"
         data-type="text"
-        data-field="nama_ulp"
-        caption="Nama ULP"
+        data-field="nama_up3"
+        caption="UP3"
         css-class="custom-table-column"
         :group-index="2"
       />
+      <!-- <DxColumn
+        alignment="center"
+        :min-width="170"
+        data-type="text"
+        data-field="nama_ulp"
+        caption="Nama ULP"
+        css-class="custom-table-column"
+        :group-index="3"
+      /> -->
       <DxColumn alignment="center" caption="Jumlah Kali Gangguan" css-class="custom-table-column">
         <DxColumn alignment="center" caption="MoM" css-class="custom-table-column">
           <DxColumn
@@ -370,10 +380,14 @@ const filterData = (params: any) => {
     console.log(error)
   })
 }
-
+const dataGridRef = ref<DxDataGrid | null>(null)
+const clearSelection = () => {
+  const dataGrid = dataGridRef.value!.instance!
+  dataGrid.clearSelection()
+}
 const onSelectionChanged = ({ selectedRowsData }: any) => {
   const data = selectedRowsData[0]
-  console.log(data)
+  clearSelection()
 }
 
 const filters = ref()