Update app.py

app.py

@@ -353,47 +353,62 @@ with gr.Blocks() as demo:
     comp_reset_btn.click(reset_comp, None, [comp_standard, comp_version, comp_category])
 
 # --------------------------
-# CSS (이미지 포함 개선)
+# CSS (이미지 포함 및 동적 컬럼 너비 개선)
 # --------------------------
-css = """ table { table-layout: fixed !important; width: 100% !important; }
--------------------------- 
-2컬럼 (단일 조회)
--------------------------- 
-table th:nth-last-child(2):first-child,table td:nth-last-child(2):first-child { width: 15% !important; } 
-table th:nth-last-child(1),table td:nth-last-child(1) { width: 85% !important; }
--------------------------- 
-4컬럼 (비교) 
--------------------------- 
-table th:nth-child(1):nth-last-child(4),table td:nth-child(1):nth-last-child(4) { width: 7% !important; } 
-table th:nth-child(2):nth-last-child(3),table td:nth-child(2):nth-last-child(3) { width: 43% !important; } 
-table th:nth-child(3):nth-last-child(2),table td:nth-child(3):nth-last-child(2) { width: 7% !important; } 
-table th:nth-child(4):nth-last-child(1),table td:nth-child(4):nth-last-child(1) { width: 43% !important; }
--------------------------- 
-6컬럼 (TableA) 
--------------------------- 
-table th:nth-child(1):nth-last-child(6),table td:nth-child(1):nth-last-child(6) { width: 8% !important; } 
-table th:nth-child(2):nth-last-child(5),table td:nth-child(2):nth-last-child(5) { width: 25% !important; } 
-table th:nth-child(3):nth-last-child(4),table td:nth-child(3):nth-last-child(4) { width: 8% !important; } 
-table th:nth-child(4):nth-last-child(3),table td:nth-child(4):nth-last-child(3) { width: 25% !important; } 
-table th:nth-child(5):nth-last-child(2),table td:nth-child(5):nth-last-child(2) { width: 8% !important; } 
-table th:nth-child(6):nth-last-child(1),table td:nth-child(6):nth-last-child(1) { width: 26% !important; }
-
--------------------------- 
+css = """ 
+table { 
+    table-layout: fixed !important; 
+    width: 100% !important; 
+}
+
+/* -------------------------- */
+/* 2컬럼 (단일 조회)          */
+/* -------------------------- */
+table th:nth-last-child(2):first-child, table td:nth-last-child(2):first-child { width: 15% !important; } 
+table th:nth-last-child(1), table td:nth-last-child(1) { width: 85% !important; }
+
+/* -------------------------- */
+/* 4컬럼 (비교)               */
+/* -------------------------- */
+table th:nth-child(1):nth-last-child(4), table td:nth-child(1):nth-last-child(4) { width: 7% !important; } 
+table th:nth-child(2):nth-last-child(3), table td:nth-child(2):nth-last-child(3) { width: 43% !important; } 
+table th:nth-child(3):nth-last-child(2), table td:nth-child(3):nth-last-child(2) { width: 7% !important; } 
+table th:nth-child(4):nth-last-child(1), table td:nth-child(4):nth-last-child(1) { width: 43% !important; }
+
+/* -------------------------- */
+/* 6컬럼 (TableA 등)          */
+/* -------------------------- */
+table th:nth-child(1):nth-last-child(6), table td:nth-child(1):nth-last-child(6) { width: 8% !important; } 
+table th:nth-child(2):nth-last-child(5), table td:nth-child(2):nth-last-child(5) { width: 25% !important; } 
+table th:nth-child(3):nth-last-child(4), table td:nth-child(3):nth-last-child(4) { width: 8% !important; } 
+table th:nth-child(4):nth-last-child(3), table td:nth-child(4):nth-last-child(3) { width: 25% !important; } 
+table th:nth-child(5):nth-last-child(2), table td:nth-child(5):nth-last-child(2) { width: 8% !important; } 
+table th:nth-child(6):nth-last-child(1), table td:nth-child(6):nth-last-child(1) { width: 26% !important; }
+
+/* -------------------------- */
+/* 기본 테이블 스타일         */
+/* -------------------------- */
 thead th { 
     position: sticky;
     top: 0; 
-    background: white; } 
+    background: white; 
+    z-index: 10; /* 스크롤 시 텍스트 겹침 방지 */
+} 
 .dataframe { 
     max-height: none !important; 
-    overflow-y: visible !important; } 
+    overflow-y: visible !important; 
+} 
 .dataframe > div { 
     max-height: none !important; 
-    overflow: visible !important; } 
+    overflow: visible !important; 
+} 
 td { 
     white-space: normal !important;
     word-break: break-word !important;
-    line-height: 1.6; padding: 10px; } 
-""" 
+    line-height: 1.6; 
+    padding: 10px; 
+} 
+"""
 if __name__ == "__main__": 
     demo.launch( 
         theme=gr.themes.Soft(),