Update app.py

app.py

@@ -1147,19 +1147,26 @@ with gr.Blocks() as interface:
           #             <thead style='position: sticky; top: 0; background-color: #2c2c2c; z-index: 1;'>
           #                 <tr>
           # """
+          
           html = """
             <div style='overflow-x: auto; padding: 10px;'>
                 <div style='max-height: 400px; overflow-y: auto; border: 1px solid #ccc; border-radius: 8px;'>
-                    <table style='width:100%; border-collapse: collapse; table-layout: auto; font-size: 14px; color: inherit; background-color: inherit;'>
-            """
+                    <table style='width:100%; border-collapse: collapse; table-layout: fixed; font-size: 14px; color: inherit; background-color: inherit;'>
+            """  
       
           headers = ["No.", "Sample ID", "Predicted Country", "Country Explanation", "Predicted Sample Type", "Sample Type Explanation", "Sources", "Time cost"]
+          # html += "".join(
+          #     f"<th style='padding: 10px; border: 1px solid #555; text-align: left; white-space: nowrap;'>{h}</th>"
+          #     for h in headers
+          # )
+          html += "<thead style='position: sticky; top: 0; background-color: #2c2c2c; z-index: 1;'><tr>"
           html += "".join(
-              f"<th style='padding: 10px; border: 1px solid #555; text-align: left; white-space: nowrap;'>{h}</th>"
-              for h in headers
-          )
+            f"<th style='padding: 10px; border: 1px solid #555; text-align: left; white-space: nowrap;'>{h}</th>"
+            for h in headers
+            )
           html += "</tr></thead><tbody>"
-    
+  
+          
           for idx, row in enumerate(rows, 1): # start numbering from 1
               html += "<tr>"
               html += f"<td style='padding: 10px; border: 1px solid #555;'>{idx}</td>"  # "No." column