From db6fc655b9994826238bb6b63588467ff8c6a6f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=9F=E8=B4=A4?= <qixian.cs@outlook.com>
Date: Sun, 16 Jul 2023 12:00:27 +0800
Subject: [PATCH] fix(table): Fix the issue where align="center" is not working

close https://github.com/ant-design/pro-components/issues/6515
---
 packages/table/src/utils/columnRender.tsx   |  2 ++
 tests/form/__snapshots__/demo.test.ts.snap  |  4 +--
 tests/table/__snapshots__/demo.test.ts.snap | 40 ++++++++++-----------
 3 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/packages/table/src/utils/columnRender.tsx b/packages/table/src/utils/columnRender.tsx
index a0b856748f60..b9bf8b60c89c 100644
--- a/packages/table/src/utils/columnRender.tsx
+++ b/packages/table/src/utils/columnRender.tsx
@@ -154,6 +154,8 @@ export function columnRender<T>({
             display: 'flex',
             alignItems: 'center',
             gap: marginSM,
+            justifyContent:
+              columnProps.align === 'center' ? 'center' : 'flex-start',
           }}
         >
           {editableUtils.actionRender({
diff --git a/tests/form/__snapshots__/demo.test.ts.snap b/tests/form/__snapshots__/demo.test.ts.snap
index 64858a0ddcc4..b3ee3601bcec 100644
--- a/tests/form/__snapshots__/demo.test.ts.snap
+++ b/tests/form/__snapshots__/demo.test.ts.snap
@@ -53077,7 +53077,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/pro-form-editableTabl
                                     class="ant-table-cell"
                                   >
                                     <div
-                                      style="display: flex; align-items: center; gap: 12px;"
+                                      style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                                     >
                                       <a>
                                         删除
@@ -53301,7 +53301,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/pro-form-editableTabl
                                     class="ant-table-cell"
                                   >
                                     <div
-                                      style="display: flex; align-items: center; gap: 12px;"
+                                      style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                                     >
                                       <a>
                                         删除
diff --git a/tests/table/__snapshots__/demo.test.ts.snap b/tests/table/__snapshots__/demo.test.ts.snap
index d72f5ddb78cc..60cca3d7dd1b 100644
--- a/tests/table/__snapshots__/demo.test.ts.snap
+++ b/tests/table/__snapshots__/demo.test.ts.snap
@@ -5479,7 +5479,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -5741,7 +5741,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -6003,7 +6003,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -6265,7 +6265,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -6527,7 +6527,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -6789,7 +6789,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -7051,7 +7051,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -7313,7 +7313,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -7575,7 +7575,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -7837,7 +7837,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -8099,7 +8099,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -8361,7 +8361,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -8623,7 +8623,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -8885,7 +8885,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -9147,7 +9147,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -9409,7 +9409,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -9671,7 +9671,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -9933,7 +9933,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -10195,7 +10195,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除
@@ -10457,7 +10457,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
                             class="ant-table-cell"
                           >
                             <div
-                              style="display: flex; align-items: center; gap: 12px;"
+                              style="display: flex; align-items: center; gap: 12px; justify-content: flex-start;"
                             >
                               <a>
                                 删除