Update app.py

app.py

@@ -142,25 +142,26 @@ def filter_by_fields(selected_country, selected_city, selected_language):
         return "<p>No participants match your filters.</p>"
 
     html = "<table style='width:100%; border-collapse: collapse;'>"
-# Header row
-html += "<tr>"
-for col in df.columns:
-    html += f"<th style='border: 1px solid #ccc; padding: 6px;'>{col}</th>"
-html += "</tr>"
-
-# Data rows
-for _, row in df.iterrows():
+
+    # Header row
     html += "<tr>"
     for col in df.columns:
-        val = row[col]
-        if col == "Discord":
-            val = f"<a href='https://discord.com/users/{val}' target='_blank'>{val}</a>"
-        html += f"<td style='border: 1px solid #eee; padding: 6px;'>{val}</td>"
+        html += f"<th style='border: 1px solid #ccc; padding: 6px;'>{col}</th>"
     html += "</tr>"
 
+    # Data rows
+    for _, row in df.iterrows():
+        html += "<tr>"
+        for col in df.columns:
+            val = row[col]
+            if col == "Discord":
+                val = f"<a href='https://discord.com/users/{val}' target='_blank'>{val}</a>"
+            html += f"<td style='border: 1px solid #eee; padding: 6px;'>{val}</td>"
+        html += "</tr>"
 
     return html
 
+
 # Gradio Interface
 with gr.Blocks(css=".gr-dropdown { max-height: 100px; overflow-y: auto; font-size: 12px; }") as demo:
     gr.Markdown("# 🌍 LeRobot Hackathon: Global Team-Up Dashboard")