From 7940ff84acfab77b400b2fe72ab50f830299e7c5 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Wed, 8 Nov 2023 14:31:29 +0700
Subject: [PATCH] Add row-prepared event handler to Table_70.vue

---
 src/components/Pages/Transaksi/Table_70.vue | 59 ++++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

diff --git a/src/components/Pages/Transaksi/Table_70.vue b/src/components/Pages/Transaksi/Table_70.vue
index 2ee8bc9..fbdebaf 100644
--- a/src/components/Pages/Transaksi/Table_70.vue
+++ b/src/components/Pages/Transaksi/Table_70.vue
@@ -3,7 +3,7 @@
         <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
             :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
             :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget"
-            :word-wrap-enabled="true">
+            :word-wrap-enabled="true" @row-prepared="onRowPrepared">
             <DxSelection mode="single" />
             <DxPaging :enabled="false" />
             <DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -73,4 +73,61 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+const onRowPrepared = (e: any) => {
+    if (e.rowType === "data") {
+        if (e.data.Speed > e.data.SpeedLimit) {
+            // e.cellElement.style.cssText = "color: white; background-color: red";
+            // or
+            e.rowElement.classList.add("my-class");
+            // To override alternation color
+            // e.rowElement.className = e.rowElement.className.replace("dx-row-alt", "");
+        }
+    }
+}
+
+const data = [
+    {
+        noLapor: 'K2316081000039',
+        tipeIsu: 'PDPB',
+        nama: 'BAPAK HAIRUL',
+        unit: 'ULP BARABAI',
+        noTelp: '081350000000',
+        permasalahan: 'MCB KWH SERING TURUN',
+        deskripsi: '-',
+        tglBuat: '10/08/2016 07:18:17',
+        lapUlang: 0,
+        ketLapUlang: '-',
+        status: 'Dalam Proses Manager Unit',
+        durasi: '2638 01:59:17'
+    },
+    {
+        noLapor: 'K2316081000039',
+        tipeIsu: 'PDPB',
+        nama: 'BAPAK HAIRUL',
+        unit: 'ULP BARABAI',
+        noTelp: '081350000000',
+        permasalahan: 'MCB KWH SERING TURUN',
+        deskripsi: '-',
+        tglBuat: '10/08/2016 07:18:17',
+        lapUlang: 0,
+        ketLapUlang: '-',
+        status: 'Dalam Proses Manager Unit',
+        durasi: '2638 01:59:17'
+    },
+    {
+        noLapor: 'K2316081000039',
+        tipeIsu: 'PDPB',
+        nama: 'BAPAK HAIRUL',
+        unit: 'ULP BARABAI',
+        noTelp: '081350000000',
+        permasalahan: 'MCB KWH SERING TURUN',
+        deskripsi: '-',
+        tglBuat: '10/08/2016 07:18:17',
+        lapUlang: 0,
+        ketLapUlang: '-',
+        status: 'Dalam Proses Manager Unit',
+        durasi: '2638 01:59:17'
+    }
+]
+
 </script>
\ No newline at end of file