Replace Gradio Dataframe with HTML table

app.py

@@ -18,6 +18,22 @@ EXCLUDED_RESULTS_LEADERBOARDS_KEYS = {
     "alias",
 }
 
+DEFAULT_HTML_TABLE = """
+<table>
+  <thead>
+    <tr>
+      <th>Parameters</th>
+      <th>Model-1</th>
+      <th>Model-2</th>
+    </tr>
+  </thead>
+  <tbody>
+  </tbody>
+</table>
+"""
+
+latest_result_path_per_model = filter_latest_result_path_per_model(fetch_result_paths())
+
 fs = HfFileSystem()
 
 
@@ -92,11 +108,23 @@ def filter_configs(df):
 
 
 def concat_result_1(result_1, results):
-    return pd.concat([result_1, results.iloc[:, [0, 2]].set_index("Parameters")], axis=1).reset_index()
+    results = pd.read_html(results)[0]
+    return (
+        pd.concat([result_1, results.iloc[:, [0, 2]].set_index("Parameters")], axis=1)
+        .reset_index()
+        .fillna("")
+        .to_html(index=False)
+    )
 
 
 def concat_result_2(result_2, results):
-    return pd.concat([results.iloc[:, [0, 1]].set_index("Parameters"), result_2], axis=1).reset_index()
+    results = pd.read_html(results)[0]
+    return (
+        pd.concat([results.iloc[:, [0, 1]].set_index("Parameters"), result_2], axis=1)
+        .reset_index()
+        .fillna("")
+        .to_html(index=False)
+    )
 
 
 def render_result_1(model_id, *results):
@@ -127,29 +155,32 @@ with gr.Blocks(fill_height=True) as demo:
     results = []
     with gr.Row():
         with gr.Tab("All"):
-            results.append(gr.Dataframe(
-                label="Results",
-                headers=["Parameters", "Model-1", "Model-2"],
-                interactive=False,
-                column_widths=["30%", "30%", "30%"],
-                wrap=True,
-            ))
+            # results.append(gr.Dataframe(
+            #     label="Results",
+            #     headers=["Parameters", "Model-1", "Model-2"],
+            #     interactive=False,
+            #     column_widths=["30%", "30%", "30%"],
+            #     wrap=True,
+            # ))
+            results.append(gr.HTML(value=DEFAULT_HTML_TABLE))
         with gr.Tab("Results"):
-            results.append(gr.Dataframe(
-                label="Results",
-                headers=["Parameters", "Model-1", "Model-2"],
-                interactive=False,
-                column_widths=["30%", "30%", "30%"],
-                wrap=True,
-            ))
+            # results.append(gr.Dataframe(
+            #     label="Results",
+            #     headers=["Parameters", "Model-1", "Model-2"],
+            #     interactive=False,
+            #     column_widths=["30%", "30%", "30%"],
+            #     wrap=True,
+            # ))
+            results.append(gr.HTML(value=DEFAULT_HTML_TABLE))
         with gr.Tab("Configs"):
-            results.append(gr.Dataframe(
-                label="Results",
-                headers=["Parameters", "Model-1", "Model-2"],
-                interactive=False,
-                column_widths=["30%", "30%", "30%"],
-                wrap=True,
-            ))
+            # results.append(gr.Dataframe(
+            #     label="Results",
+            #     headers=["Parameters", "Model-1", "Model-2"],
+            #     interactive=False,
+            #     column_widths=["30%", "30%", "30%"],
+            #     wrap=True,
+            # ))
+            results.append(gr.HTML(value=DEFAULT_HTML_TABLE))
 
     load_btn_1.click(
         fn=render_result_1,

requirements.txt

@@ -0,0 +1,2 @@
+lxml
+