update table style

web.py

@@ -106,7 +106,29 @@ data_filtering_table_data = pd.DataFrame(
             ],
         }
 )
-table_html_filter_data = data_filtering_table_data.to_html(index=False, border=0)
+styled_table = (
+    dataset_comparison1.style.set_properties(
+        **{"background-color": "#E1EEDB"},
+        subset=pd.IndexSlice[0, :],  # Row 0 with a light green background
+    )
+    .apply(
+        lambda x: [
+            "background-color: #E1EEDB"
+            if i == 0
+            else (
+                "background-color: rgb(237, 242, 251)"
+                if i % 2 == 0
+                else "background-color: white"
+            )
+            for i in range(len(x))
+        ],
+        axis=0,
+    )
+    .hide(axis="index")
+)  # Hide the row index
+
+# Use _repr_html_() method to get the HTML representation of the styled DataFrame
+table_html_filter_data = styled_table._repr_html_()
 table_div_filter_data = Div(NotStr(table_html_filter_data), style="margin: 40px;")
 
 
@@ -174,7 +196,29 @@ qf_filtering_table_data = pd.DataFrame(
             ],
     }
 )
-table_html_qf_filter_data = qf_filtering_table_data.to_html(index=False, border=0)
+styled_table = (
+    dataset_comparison1.style.set_properties(
+        **{"background-color": "#E1EEDB"},
+        subset=pd.IndexSlice[0, :],  # Row 0 with a light green background
+    )
+    .apply(
+        lambda x: [
+            "background-color: #E1EEDB"
+            if i == 0
+            else (
+                "background-color: rgb(237, 242, 251)"
+                if i % 2 == 0
+                else "background-color: white"
+            )
+            for i in range(len(x))
+        ],
+        axis=0,
+    )
+    .hide(axis="index")
+)  # Hide the row index
+
+# Use _repr_html_() method to get the HTML representation of the styled DataFrame
+table_html_qf_filter_data = styled_table._repr_html_()
 table_div_qf_filter_data = Div(NotStr(table_html_qf_filter_data), style="margin: 40px;")