Upload folder using huggingface_hub

app/draw_diagram.py

@@ -115,14 +115,7 @@ def draw(folder_name, category_name, dataset_name, metrics):
         # st.write("")
         st.markdown('##### TABLE')
         custom_css = """
-                    <style>
-                    .my-data-table {
-                    background-color: #FFFFFF;
-                    padding: 10px;
-                    border-radius: 5px;
-                    # height: 50px;
-                    }
-                    </style>
+                   
                     """
         st.markdown(custom_css, unsafe_allow_html=True)
         
@@ -139,8 +132,9 @@ def draw(folder_name, category_name, dataset_name, metrics):
             except:
                 # print(f"{model} is not in {dataset_name}")
                 continue
-
-        select_function = """<script>
+        
+        # select all function
+        select_all_function = """<script>
             function toggle(source) {
                 var checkboxes = document.querySelectorAll('input[type="checkbox"]');
                 for (var i = 0; i < checkboxes.length; i++) {
@@ -149,10 +143,11 @@ def draw(folder_name, category_name, dataset_name, metrics):
                 }
             }
         </script>"""
+        st.markdown(f"""
+                    <div class="select_all">{select_all_function}</div>
+                    """, unsafe_allow_html=True)
 
-
-        info_body_details = select_function + f"""
-        <div class="my-data-table">
+        info_body_details = f"""
             <table style="width:100%">
                 <thead>
                     <tr style="text-align: center;">
@@ -163,9 +158,9 @@ def draw(folder_name, category_name, dataset_name, metrics):
                     {s}
                 </thead>
             </table>
-        </div>
         """
-        # html(info_body_details)
+        # html_code = custom_css + select_all_function + info_body_details
+        # html(html_code, height = 300)
                     
         st.markdown(f"""
                     <div class="my-data-table">{info_body_details}</div>