Update table columns and add summary items

src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue

@@ -40,11 +40,13 @@
       <DxColumnFixing :enabled="true" />
 
       <DxColumn
-        :width="50"
+        :width="100"
         alignment="center"
         :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
         caption="NO"
         css-class="custom-table-column"
+        data-field="no"
+        data-type="number"
       />
       <DxColumn
         :width="170"
@@ -52,6 +54,7 @@
         data-field="media"
         caption="Nama Media"
         css-class="custom-table-column"
+        cell-template="cell-left"
       />
       <DxColumn alignment="center" caption="Tanggal" css-class="custom-table-column">
         <DxColumn
@@ -64,6 +67,34 @@
           css-class="custom-table-column"
         />
       </DxColumn>
+
+      <DxSummary>
+        <DxTotalItem
+          summary-type="sum"
+          display-format="Call PLN 123"
+          show-in-column="no"
+          css-class="text-white"
+        />
+        <DxTotalItem
+          v-for="i in 31"
+          summary-type="sum"
+          display-format="{0}"
+          :column="`tgl${i}`"
+          css-class="text-white"
+        />
+        <DxTotalItem
+          column="total"
+          summary-type="sum"
+          display-format="{0}"
+          css-class="text-white"
+        />
+      </DxSummary>
+
+      <template #cell-left="{ data }">
+        <p class="text-left">
+          {{ data.text }}
+        </p>
+      </template>
     </DxDataGrid>
   </div>
 </template>
@@ -72,7 +103,6 @@
 import Filters from '@/components/Form/Filters.vue'
 import Type3 from '@/components/Form/FiltersType/Type3.vue'
 import { ref } from 'vue'
-
 import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
@@ -82,7 +112,9 @@ import {
   DxPaging,
   DxScrolling,
   DxSearchPanel,
-  DxSelection
+  DxSelection,
+  DxSummary,
+  DxTotalItem
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'