Update app.py

app.py

@@ -133,24 +133,35 @@ def check_login(user, password):
             error_msg: "<span style='color: red'>❌ 帳號或密碼錯誤</span>"
         }
 
-# --- 🔥 新增 CSS：強制表格寬度與捲軸 (加強版) ---
+# --- 🔥 [終極修正 CSS]：使用 max-content 強制撐開 ---
 custom_css = """
-.table-wrap {
+/* 1. 確保外層容器可以捲動 */
+.table-wrap, .wrap, .svelte-12cmxck, div[data-testid="dataframe"] > div {
     overflow-x: auto !important;
 }
 
+/* 2. 核心：強制表格寬度為「內容總寬度」，不要被螢幕寬度限制 */
 table { 
-    min-width: 1500px !important; 
-    table-layout: auto !important; 
+    width: max-content !important; 
+    min-width: 100% !important;
+    table-layout: auto !important;
 }
 
+/* 3. 單元格設定：不換行、顯示完整文字 */
 td, th { 
     white-space: nowrap !important;  
     overflow: visible !important;    
-    text-overflow: unset !important; 
-    max-width: none !important;      
-    width: auto !important;          
-    padding: 10px !important;        
+    text-overflow: clip !important; /* 移除 ... */
+    max-width: none !important;
+    width: auto !important;
+    padding: 12px !important;       /* 增加間距比較好點擊 */
+}
+
+/* 4. 針對 Gradio 內部的 span 文字容器也強制不換行 */
+td > span, th > span {
+    white-space: nowrap !important;
+    overflow: visible !important;
+    text-overflow: clip !important;
 }
 """