From de92a2c363fd1310a1536f47a1ae31b0a3b075fc Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 28 Aug 2024 13:38:41 +0800
Subject: [PATCH] style: tweak Table column header move transition (#50605)

---
 components/table/style/sorter.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/table/style/sorter.ts b/components/table/style/sorter.ts
index d5bba71251..d9c9b30e25 100644
--- a/components/table/style/sorter.ts
+++ b/components/table/style/sorter.ts
@@ -10,7 +10,9 @@ const genSorterStyle: GenerateStyle<TableToken, CSSObject> = (token) => {
       [`${componentCls}-thead th${componentCls}-column-has-sorters`]: {
         outline: 'none',
         cursor: 'pointer',
-        transition: `all ${token.motionDurationSlow}`,
+        // why left 0s? Avoid column header move with transition when left is changed
+        // https://github.com/ant-design/ant-design/issues/50588
+        transition: `all ${token.motionDurationSlow}, left 0s`,
 
         '&:hover': {
           background: token.tableHeaderSortHoverBg,