Udate

app.py

@@ -68,14 +68,20 @@ with main:
                 value=ORDER_LIST,
             )
             # Dataframe component to display the leaderboard data
-            data_component = gr.components.Dataframe(
-                value=PES_ACCS,
-                headers=COLUMN_HEADERS,
-                type="pandas",
-                datatype=DATA_TYPES,
-                interactive=False,
-                visible=True,
-                # column_widths=[400] + [250] * (len(COLUMN_HEADERS) - 1)
+            # data_component = gr.components.Dataframe(
+            #     value=PES_ACCS,
+            #     headers=COLUMN_HEADERS,
+            #     type="pandas",
+            #     datatype=DATA_TYPES,
+            #     interactive=False,
+            #     visible=True,
+            #     # column_widths=[400] + [250] * (len(COLUMN_HEADERS) - 1)
+            # )
+            data_component = gr.HTML(value=PES_ACCS.to_html())
+            columns_selector.change(
+                filter_columns,
+                inputs=columns_selector,
+                outputs=data_component
             )
             def update_dataframe(selected_columns):
                 return filter_columns(selected_columns)

src/structures/pes_structure.py

@@ -41,9 +41,8 @@ def filter_columns(column_choices):
     styled_df = PES_ACCS[selected_columns].style.highlight_max(
         color=highlight_color, subset=selected_columns[1:]
     )
-    # Convert the styled DataFrame to plain DataFrame
-    plain_df = styled_df.data
-    return plain_df # Return unstyled DataFrame
+    # Convert to HTML
+    return styled_df.to_html()
 
 
 def load_json_data(file_path, order_list):