From 3b2fcfcb671f677d919b7f132c7435757eda2e67 Mon Sep 17 00:00:00 2001
From: shy3130 <415333856@qq.com>
Date: Thu, 20 Aug 2026 16:37:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=94=B6=E8=B5=B7=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8=E5=88=97=E6=97=B6=E8=A1=A8=E5=A4=B4=E6=8D=A2=E8=A1=8C?=
 =?UTF-8?q?=E9=A1=B6=E9=AB=98=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 根因: 收起时列宽压到 44px, 分时表头「眼睛按钮+排序箭头+内边距」
  约 62px 放不下, 排序箭头被挤到第二行, 表头行被顶到 63~81px
- 修复: 表头单元格统一 whitespace-nowrap (表头不应折行, 长标签同样
  受益); 日k/分时列收起态隐藏文字标签只留眼睛按钮, 列保持紧凑
- 验证: 收起态行高 43px 单行(日k 44px/分时 56px), 展开态 41px
---
 frontend/src/components/stock-table/StockDataTable.tsx | 7 ++++---
 frontend/src/pages/Watchlist.tsx                       | 5 +++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/stock-table/StockDataTable.tsx b/frontend/src/components/stock-table/StockDataTable.tsx
index 8f2d778..9134e1b 100644
--- a/frontend/src/components/stock-table/StockDataTable.tsx
+++ b/frontend/src/components/stock-table/StockDataTable.tsx
@@ -43,9 +43,10 @@ export interface StockDataTableProps {
 }
 
 function alignThClass(align: ColumnConfig['align']): string {
-  if (align === 'right') return 'px-3 py-2.5 font-medium text-right'
-  if (align === 'center') return 'px-3 py-2.5 font-medium text-center'
-  return 'px-3 py-2.5 font-medium'
+  // 表头一律不换行: 窄列(如收起的图表列)中标签/排序箭头折行会把整行表头顶高
+  if (align === 'right') return 'px-3 py-2.5 font-medium text-right whitespace-nowrap'
+  if (align === 'center') return 'px-3 py-2.5 font-medium text-center whitespace-nowrap'
+  return 'px-3 py-2.5 font-medium whitespace-nowrap'
 }
 
 export function StockDataTable({
diff --git a/frontend/src/pages/Watchlist.tsx b/frontend/src/pages/Watchlist.tsx
index 29cd648..081e5b8 100644
--- a/frontend/src/pages/Watchlist.tsx
+++ b/frontend/src/pages/Watchlist.tsx
@@ -1525,7 +1525,8 @@ export function Watchlist() {
                 if (col.source.type === 'builtin' && col.source.key === 'candle') {
                   return (
                     <span className="inline-flex items-center justify-center gap-1.5">
-                      <span>{col.label}</span>
+                      {/* 收起态只留眼睛按钮, 避免标签在窄列内换行顶高表头 */}
+                      {dailyKChartVisible && <span className="shrink-0 whitespace-nowrap">{col.label}</span>}
                       <button
                         type="button"
                         onClick={(event) => { event.stopPropagation(); toggleDailyKChart() }}
@@ -1546,7 +1547,7 @@ export function Watchlist() {
                   const intradayAutoRefresh = intradayRefreshEnabled && realtimeRunning
                   return (
                     <span className="inline-flex items-center justify-center gap-1.5">
-                      <span>{col.label}</span>
+                      {intradayChartVisible && <span className="shrink-0 whitespace-nowrap">{col.label}</span>}
                       <button
                         type="button"
                         onClick={(event) => { event.stopPropagation(); toggleIntradayChart() }}