Making table links work

app.py

@@ -12,7 +12,7 @@ from src.about import (
     LLM_BENCHMARKS_TEXT,
     TITLE,
 )
-from src.display.css_html_js import custom_css
+from src.display.css_html_js import custom_css, custom_js
 from src.display.utils import (
     COLS,
     ST_BENCHMARK_COLS,
@@ -77,6 +77,7 @@ white_logo_path = "src/assets/logo-icon-white.png"
 
 demo = gr.Blocks(
     css=custom_css,
+    js=custom_js,
     theme=gr.themes.Default(primary_hue=gr.themes.colors.pink),
     fill_height=True,
     fill_width=True,

src/display/css_html_js.py

@@ -214,6 +214,17 @@
 #     line-height: 1.6;
 # }
 # """
+custom_js = """
+function tableLinkHack() {
+    // This is a hack to make the table links work
+    var allTableLinks = document.querySelectorAll(".llm-benchmark-tab-table .table-wrap table.table a")
+    for (var link of allTableLinks) {
+        link.addEventListener("click", e => { 
+            window.open(e.target.href, e.target.target);
+        });
+    }
+}
+"""
 
 custom_css = """