Refactor code for improved performance and readability

src/components/Pages/Material/Daftar/Material_DGMYG.vue

@@ -1,9 +1,10 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type14 @update:filters="(value) => filters = value" />
+    <Type14 @update:filters="(value) => (filters = value)" />
   </Filters>
   <div id="data">
     <DxDataGrid
+      :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :show-column-lines="true"
       :show-row-lines="false"
@@ -137,13 +138,13 @@
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-    DxColumn,
-    DxExport,
-    DxLoadPanel,
-    DxPager,
-    DxPaging,
-    DxSearchPanel,
-    DxSelection
+  DxColumn,
+  DxExport,
+  DxLoadPanel,
+  DxPager,
+  DxPaging,
+  DxSearchPanel,
+  DxSelection
 } from 'devextreme-vue/data-grid'
 import Filters from '@/components/Form/Filters.vue'
 import { Type14 } from '@/components/Form/FiltersType'

src/components/Pages/Material/Rekap/Material_RPM.vue

@@ -1,9 +1,10 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type14 @update:filters="(value) => filters = value" />
+    <Type14 @update:filters="(value) => (filters = value)" />
   </Filters>
   <div id="data">
     <DxDataGrid
+      :allow-column-reordering="true"
       class="max-h-[calc(100vh-140px)] mb-10"
       :show-column-lines="true"
       :show-row-lines="false"
@@ -97,13 +98,13 @@
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-    DxColumn,
-    DxExport,
-    DxLoadPanel,
-    DxPager,
-    DxPaging,
-    DxSearchPanel,
-    DxSelection
+  DxColumn,
+  DxExport,
+  DxLoadPanel,
+  DxPager,
+  DxPaging,
+  DxSearchPanel,
+  DxSelection
 } from 'devextreme-vue/data-grid'
 import { Type14 } from '@/components/Form/FiltersType'
 import Filters from '@/components/Form/Filters.vue'