Add DxGrouping component to RGangguan_KTI.vue

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

@@ -16,6 +16,7 @@
       :allow-column-resizing="true"
       column-resizing-mode="widget"
     >
+      <DxGrouping :auto-expand-all="false" />
       <DxSelection mode="single" />
       <DxPaging :enabled="false" />
       <DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -45,14 +46,23 @@
         css-class="custom-table-column"
         cell-template="formatText"
       />
+      <DxColumn
+        alignment="center"
+        data-field=""
+        caption="Seluruh Unit"
+        css-class="custom-table-column"
+        cell-template="formatText"
+        name="AllUnitGroup"
+        :group-index="0"
+      />
       <DxColumn
         alignment="center"
         data-field="nama_ulp"
-        caption="Nama Unit"
+        caption="Unit"
         css-class="custom-table-column"
         cell-template="formatText"
         name="NamaUnitGroup"
-        :group-index="0"
+        :group-index="1"
       />
       <DxColumn alignment="center" caption="Bulan" css-class="custom-table-column">
         <DxColumn
@@ -948,6 +958,7 @@ import {
   DxColumnFixing,
   DxExport,
   DxGroupItem,
+  DxGrouping,
   DxLoadPanel,
   DxPager,
   DxPaging,