Add new fields and columns to Gangguan tables

src/components/Pages/Gangguan/Table_14.vue

@@ -54,10 +54,12 @@
       />
       <DxColumn
         :width="170"
-        alignment="center"
         data-field="media"
         caption="Nama Media"
+        alignment="center"
+        cell-template="data"
         css-class="custom-table-column"
+        header-cell-template="title-header"
       />
       <DxColumn alignment="center" caption="Tanggal" css-class="custom-table-column">
         <DxColumn
@@ -77,6 +79,17 @@
         caption="Total"
         css-class="custom-table-column"
       />
+
+      <template #data="{ data }">
+        <p class="text-left cursor-pointer">
+          {{ data.text }}
+        </p>
+      </template>
+      <template #title-header="{ data }">
+        <p class="text-center w-full">
+          {{ data.column.caption }}
+        </p>
+      </template>
     </DxDataGrid>
   </div>
 </template>